jQuery 元素移除empty() remove()与detach()的区别？

@1.empty() 删除匹配元素集合中所有的后代字节点元素；

<p>hello<span>world</span></p>

$("p").empty(); <p></p>

@2.remove([expr]) 接收参数表示删除指定的元素

$("p").remove() 删除所有段落

$("p").remove(".hel") 删除带有.hel类名的段落

这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除

@3.detach([expre]) 从DOM中删除所有匹配的元素

这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来

<body>

<div id="google">Google</div>

<div id="apple">Apple</div>

</body>

$(function () {

$("#apple").hover(function () {

$(this).text("Google+");

});

apple = $("#apple").remove();

/*apple = $("#apple").detach();*/

$("body").append(apple);

});

</script>

转载于:https://www.cnblogs.com/jiechn/p/4218393.html

jQuery 元素移除empty() remove()与detach()的区别？相关推荐

jquery删除替换元素remove、detach、empty、replaceWith、replaceAll
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery删除替换元素 jquery中进行删除替换元素的函数包括remove.detach.empty.replaceWi ...
Jquery empty() remove() detach() 方法的区别
方法简介: empty() This method removes not only child (and other descendant) elements, but also any text ...
jQuery的empty、remove、detach区别
方法名参数被移除的元素所绑定的事件及数据是否也被移除元素自身是否被移除 empty 无是否 remove 选择器表达式,比如 remove(".class"); remo ...
jQuery总结四、append 与appendTo、after、before、wrap、unwrap、replaceWith、empty()、remove；detach、is、hasclass
一.append 与appendTo 1.1.1 append append向每个匹配的元素内部追加目标 content:欲追加的内容String.Element.jQuery fn:functio ...
jQuery之移除元素方法
jQuery之移除元素方法一.empty()方法从DOM中移除集合中匹配元素的所有子节点. 示例: <div class="container"><div c ...
jQuery--删除节点（remove()、detach()、empty()）详解
删除节点在jQuery中提供了remove()和detach()方法,用于删除元素节点:empty()方法用于清空当前元素中的内容,而元素的标签部分仍被保留. 1. remove()方法: remo ...
JQuery删除移除节点元素指定id或者指定class
JQuery 下面有两个删除元素的方法: 1.$('#test')empty() 从id为test元素中删除子元素. 2.$('#test').remove() 删除被选元素及其子元素. 如果,想要从 ...
jquery tr 移除背景色_用jQuery remove()方法删除表格行(table tr)的写法
jQuery删除表行(table tr):本文介绍如何删除选定的表行(table tr).如何用jQuery按钮单击事件,按id或class-name删除表行. 在按钮单击时,我们删除选定的行/ tr ...
添加元素的注意问题复习介绍元素的创建元素添加的方法元素移除的方法
添加元素的注意问题 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...

jQuery 元素移除empty() remove()与detach()的区别？

jQuery 元素移除empty() remove()与detach()的区别？相关推荐

最新文章

热门文章