jQuery學(xué)習(xí)筆記2

2015年10月23日

刪除節(jié)點(diǎn)

jquery提供了3種刪除節(jié)點(diǎn)的方法,即remove( ),detach( )和empty( )。
1.remove( )方法
作用:從DOM中刪除所有匹配的元素,傳入的參數(shù)根據(jù)jquery表達(dá)式來(lái)篩選元素。
例如刪除<ul>節(jié)點(diǎn)的第二個(gè)<li>元素節(jié)點(diǎn),示例:

$("ul li:eq(1)").remove( );

當(dāng)某個(gè)節(jié)點(diǎn)用remove( )刪除后,該節(jié)點(diǎn)所包含的所有后代節(jié)點(diǎn)將同時(shí)被刪除。這個(gè)方法的返回值是一個(gè)指向已被刪除的節(jié)點(diǎn)的引用,因此可以在以后再使用這些元素。示例:

var $li = $("ul li:eq(1)").remove( );
$li.appendTo("ul");

remove( )方法也可以通過(guò)傳遞參數(shù)來(lái)選擇性的刪除元素,示例:

$("ul li").remove("li[title!=菠蘿]");

2.detach()方法
detach()方法和remove()方法一樣,也是從DOM中去掉匹配的元素。但是,detach()方法不會(huì)把匹配的元素從jquery對(duì)象中刪除,因而將來(lái)可以再使用這些匹配的元素。與remove( )不同的是,所有綁定的時(shí)間、附加的數(shù)據(jù)等都會(huì)保留下來(lái)。

3.empty()方法
嚴(yán)格來(lái)講,empty()并不是刪除節(jié)點(diǎn),而是清空節(jié)點(diǎn),他能清空元素中所有后代節(jié)點(diǎn)

復(fù)制節(jié)點(diǎn)

復(fù)制節(jié)點(diǎn)使用clone( )方法來(lái)完成
復(fù)制節(jié)點(diǎn)后,被復(fù)制的新元素不具有任何行為。如果需要新元素也具有復(fù)制功能,可以

clone(true)

在clone()中傳遞了一個(gè)true參數(shù),他的含義是復(fù)制元素的同時(shí)復(fù)制元素中綁定的事件。

替換節(jié)點(diǎn)

replaceWith( )和replaAll( )

replaceWith( )方法是將所有匹配的元素都替換成指定的HTML或DOM元素。
示例:

$("p").replaceWith("<strong>您好</strong>");

replaceAll( )方法的作用只是顛倒了replaceWith( ),示例:

("<strong>您好</strong>").replaceAll("p");

兩者的效果都一樣。

2015年10月26日 周一

包裹節(jié)點(diǎn)

如果要將某個(gè)節(jié)點(diǎn)用其他標(biāo)記包裹起來(lái),使用wrap( )。改方法對(duì)于需要在文檔中插入額外的結(jié)構(gòu)化標(biāo)記非常有用。
示例:

$("strong").wrap("<b></b>"); //用<b>標(biāo)簽把<strong>元素包裹起來(lái)

得到的結(jié)果如下:

<b><strong>您好</strong></b>

包裹節(jié)點(diǎn)還有其他兩個(gè)方法,即wrapAll( )

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

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

  • 1:jQuery節(jié)點(diǎn)創(chuàng)建與屬性的處理 創(chuàng)建元素節(jié)點(diǎn):可以有幾種方式,后面會(huì)慢慢接觸。常見(jiàn)的就是直接把這個(gè)節(jié)點(diǎn)的結(jié)構(gòu)...
    碼農(nóng)小楊閱讀 684評(píng)論 0 1
  • 第1章 簡(jiǎn)介 第2章 DOM節(jié)點(diǎn)的創(chuàng)建 2-1 DOM創(chuàng)建節(jié)點(diǎn)及節(jié)點(diǎn)屬性 通過(guò)JavaScript可以很方便的獲...
    mo默22閱讀 932評(píng)論 0 8
  • DOM創(chuàng)建節(jié)點(diǎn)及節(jié)點(diǎn)屬性 通過(guò)JavaScript可以很方便的獲取DOM節(jié)點(diǎn),從而進(jìn)行一系列的DOM操作。但實(shí)際上...
    阿r阿r閱讀 1,076評(píng)論 0 9
  • 或許每個(gè)人的心中都有一個(gè)英雄,或剛正不阿,一身正氣,或勇敢無(wú)畏,見(jiàn)義勇為……然而要在現(xiàn)實(shí)生活中去發(fā)現(xiàn)或是實(shí)...
    劍飛雪閱讀 466評(píng)論 0 0
  • 孩子就是父母的影子,不要責(zé)備孩子做的不對(duì),我們作為父母必需反思自己,為什么孩子今天會(huì)變成這樣?作為父母的我們是如何...
    真實(shí)讓夢(mèng)飛閱讀 444評(píng)論 0 0

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