jQuery的DOM操作(2)

(一)、clone()函數(shù)

.clone()方法深度 復制所有匹配的元素集合,包括所有匹配元素、匹配元素的下級元素、文字節(jié)點。

//clone處理一

$("div").clone()? //只克隆了結構,事件丟失

//clone處理二

$("div").clone(true) //結構、事件與數(shù)據(jù)都克隆

(二)、replaceWith()和replaceAll()

1、replaceWith()用提供的內(nèi)容替換集合中所有匹配的元素并且返回被刪除元素的集合

2、replaceAll()用集合的匹配元素替換每個目標元素

(三)、wrap()方法

把一個集合的元素包裹起來,給一個元素集合添加一個父元素。$('p').wrap('')

(四)、unwrap()方法

unwrap()將匹配元素集合的父級元素刪除,保留自身(和兄弟元素,如果存在)在原來的位置。$('p').unwrap();

(五)、wrapAll()方法

合中的元素用其他元素包裹起來,也就是給他們增加一個父元素$('p').wrapAll('')

(六)、wrapInner()方法

將合集中的元素內(nèi)部所有的子元素用其他元素包裹起來,并當作指定元素的子元素$('div').wrapInner(' ')

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • http://www.imooc.com/static/lib/jquery/1.9.1/jquery.js js...
    再見理想冷雨夜閱讀 538評論 0 1
  • 第1章 簡介 第2章 DOM節(jié)點的創(chuàng)建 2-1 DOM創(chuàng)建節(jié)點及節(jié)點屬性 通過JavaScript可以很方便的獲...
    mo默22閱讀 941評論 0 8
  • DOM創(chuàng)建節(jié)點及節(jié)點屬性 通過JavaScript可以很方便的獲取DOM節(jié)點,從而進行一系列的DOM操作。但實際上...
    阿r阿r閱讀 1,076評論 0 9
  • 1.DOM拷貝clone()2.DOM替換replaceWith()和replaceAll()3.DOM包裹wra...
    Z1hgq閱讀 985評論 0 1
  • (續(xù)jQuery基礎(1)) 第5章 DOM節(jié)點的復制與替換 (1)DOM拷貝clone() 克隆節(jié)點是DOM的常...
    凜0_0閱讀 1,530評論 0 8

友情鏈接更多精彩內(nèi)容