jQuery删除指定的元素detach()

利用jQuery我们可以从HTML DOM对象中删除指定的一个元素，或是匹配到的所有元素，今天无事就写写这方面的东西。利用jQuery中的detach()方法可以删除指定或匹配到的元素！

jQuery中的detach()方法

detach：可以删除一个指定或是匹配到的一个元素，但是要注意的事被删除的元素会在jQuery中保留，连绑定的事件也会被保留下来

语法

$(selector).detach()

举个栗子

利用jQuery的detach()方法移除指定标签

HTML代码

<p>这里是P标签内容</p>
<p>这里是第二个P标签的内容</p>
<button id='button'>点我测试</button>

jQ代码

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

测试结果

审核元素我们查看DOM树，如下图所法

JQ的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);
})

运行代码后：

通过这个例子，我们发现，利用detach()方法删除的元素，在JQuery的DOM中还会存在，并且他的绑定的事件还在

利用remove()方法删除的元素，事件的绑定对象也会被删除！

注意：本演示代码默认调用jQuery文件！

如果你喜欢本站可以长期关注也或者打赏我哦！码字不容易，转载此文留个链接