利用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();
})

测试结果

审核元素我们查看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文件!

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