国产视频app利用jQuery我們可以從HTML DOM對象中刪除指定的一個元素,或是匹配到的所有元素,今天無事就寫寫這方面的東西。利用jQuery中的detach()方法可以刪除指定或匹配到的元素!

jQuery中的detach()方法

detach:可以刪除一個指定或是匹配到的一個元素,但是要注意的事被刪除的元素會在jQuery中保留,連綁定的事件也會被保留下來

語法

$(selector).detach()

舉個栗子

利用jQuery的detach()方法移除指定標簽

利用JQ移除指定的元素

HTML代碼

<p>這里是P標簽內容</p>
<p>這里是第二個P標簽的內容</p>
<button id='button'>點我測試</button>

jQ代碼

$('#button').click(function(){
$('p').detach();
})

測試結果

国产视频app審核元素我們查看DOM樹,如下圖所法

detach()刪除元素節點

JQ的detach刪除元素后檢查綁定的事件

remove()方法與detach()方法的區別

代碼事例

HTML代碼

<p>這里是P標簽內容</p>
<p>這里是第二個P標簽的內容</p>
<button id='button'>點我測試</button>

JQ代碼

$('#button').click(function(){
    var p = $('p:first').detach();
    p.css('color','red').text('這是移除過的標簽');
    $('body').append(p);
})

運行代碼后:

remove()方法與detach()方法的區別

通過這個例子,我們發現,利用detach()方法刪除的元素,在JQuery的DOM中還會存在,并且他的綁定的事件還在

利用remove()方法刪除的元素,事件的綁定對象也會被刪除!

注意:本演示代碼默認調用jQuery文件!

如果你喜歡本站可以長期關注也或者打賞我哦!碼字不容易,轉載此文留個鏈接