jQuery節(jié)點(diǎn)操作


一、jq創(chuàng)建對象

var $new = $("<a>這是一個(gè)標(biāo)簽</a>")

二、添加元素

父子節(jié)點(diǎn)插入

append()父節(jié)點(diǎn)添加子節(jié)點(diǎn)? ? ?父.append(子節(jié)點(diǎn))? 把子節(jié)點(diǎn)添加到父節(jié)點(diǎn)中最后

appendto()? ? 子.appendto(父)將子節(jié)點(diǎn)添加到父節(jié)點(diǎn)中最后

prepend()??????

prependto()

同輩節(jié)點(diǎn)插入

after() a節(jié)點(diǎn).after(b節(jié)點(diǎn))? ? ?將b節(jié)點(diǎn)插入到a節(jié)點(diǎn)的后面

before()a節(jié)點(diǎn).before(b節(jié)點(diǎn))? ? ?將a節(jié)點(diǎn)插入到b節(jié)點(diǎn)的前面

insertafter()

insertbefore()

三、刪除節(jié)點(diǎn)的三種方法

remove():刪除整個(gè)節(jié)點(diǎn)? ?父節(jié)點(diǎn).remove()

empty():清空節(jié)點(diǎn)內(nèi)容? ? 父節(jié)點(diǎn)。empty()

detach():刪除元素,保留綁定事件和附加數(shù)據(jù)? ? 父節(jié)點(diǎn).detach( )

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

replaceWith()? ? 舊節(jié)點(diǎn).replaceWith(新節(jié)點(diǎn))

replaceAll()? ? ? ? 新節(jié)點(diǎn).replaceAith(舊節(jié)點(diǎn))

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

clone():clone([true])? 復(fù)制事件處理? ? ? ? clone([flase])不復(fù)制事件處理? ? 默認(rèn)flase

eg:a節(jié)點(diǎn).clone().appendTo(b節(jié)點(diǎn))? ? 復(fù)制a節(jié)點(diǎn)并添加到b節(jié)點(diǎn)后面

六、綁定事件和移出事件

bind(type,fn);? ? type:事件類型(click等)? fn:方法函數(shù)? ? 綁定多個(gè):bind{type:fn , type:fn , type:fn}

unbind([type],[fn]);

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

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

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