remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容

remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点

<html>
<head><title></title><script src="jquery-2.1.3.js"></script>
</head>
<body><div><ul><li>中国</li><li>美国</li><li>德国</li><li>俄国</li></ul></div><ul id="tow"></ul><button id="a">remove</button><button id="b">detach</button><button id="c">empty</button>
</body>
</html>
<script type="text/javascript">$(function () {$("li").click(function () {$(this).css("color", "red");})//----------------------remove() 删除节点//$("ul > li").filter(":contains(中国)").remove(); //删除ul子元素li中包含“中国”文本的li//$("li").remove(":contains(中国)"); //remove()方法也可以通过传递参数来选择性的删除元素 ，这里将包含“中国”文本的li删除$("#a").click(function () {var a = $("li").remove(); //删除所有的li元素$("#tow").append(a); //将刚刚删除的li元素添加到id为tow的ul中  我们会发现改变颜色的click事件不起作用了。})//----------------------detach() 删除节点//detach()和remove()方法一样，也是删除节点，只是这个方法不会把匹配的元素从jquery对象中删除，因而可以在将来使用这些匹配的元素，与remove()不同的是所有的绑定事件，附加的数据都会保留下来。$("#b").click(function () {var b = $("li").detach(); //删除所有的li元素$("#tow").append(b);//将刚刚删除的li元素添加到id为tow的ul中  我们会发现改变颜色的click事件还是起作用的。})//----------------------empty() 清空节点的内容$("#c").click(function () {$("li").empty(); //empty()方法并不是删除节点，而是清空节点的内容，节点还在。只是节点的内容被清空了})//----------------------clone() 复制节点$("li").click(function () {$(this).clone().appendTo("#tow"); //复制当前的节点并将它追加到id=tow的元素中 })//复制节点后，被复制的新元素并不具有任何行为，如果需要新元素也具有复制功能，可以如下这样写$("li").click(function () {$(this).clone(true).appendTo("#tow");//注意参数true 它的含义就是：复制元素的同时复制元素中所绑定的事件}) })
</script>

remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点相关推荐

【jQuery笔记Part4】01-jQuery-节点操作-添加节点-删除节点-复制节点
节点操作添加节点静态页面内部添加(父子关系) append(): 添加节点->追加到最后 (父子关系) appendTo(tag): 把创建的节点添加到指定节点之后(父子关系) prepe ...
计算机关闭系统剪切板上的内容,怎么清空剪切板内容？
当您在使用电脑的"复制"以及"剪切"功能时,windows系统会把"复制"或"剪切"内容暂时存储在内存里,假如暂存的数据 ...
php移除所有子节点,jQuery删除/清空指定元素下的所有子节点的方法
上几篇文章详细的介绍了,我们可以利有jQuery中的detach()方法和jQuery中的remove()方法删除指定的或是匹配的元素,也可以使用removeClass()方法以及removeAttr ...
idea右侧maven出现多个root根节点，删除报错：You can not remove xxxx because its imported as
idea右侧maven出现多个root根节点,删除报错:You can not remove xxxx because its imported as 问题截图: 出现这种问题后,网上查到的方法很多, ...
jQuery节点操作创建节点元素删除节点替换节点复制节点等基本本操作
节点操作 jQuery中节点操作查找节点(前面章节已讲) 创建节点插入节点删除节点替换节点复制节点创建节点元素工厂函数$()用于获取或创建节点 $(selector):通过选择器获取节点 ...
jquery 节点的删除
1.remove()2.detach()3.empty() 1.remove() remove() 方法移除被选元素,包括所有的文本和子节点,以及数据和事件. $(function(){$('ul') ...
redis集群增加节点和删除节点、或者reshard时报 migrating 错误
目录 redis安装和创建集群看这里 redis安装 redis集群 Redis集群节点增加添加节点节点的 redis.conf 配置端口 6307 启动新的redis实例 2.添加节点到集群 ...
html用js添加兄弟节点,jquery 删除节点添加节点找兄弟节点的简单实现
$().empty(); //该方法会删除当前节点下的所有子节点,请注意当前节点不会被删除 $().remove(); //该方法会删除当前节点下的所有子节点,请注意当前节点会被删除 $(). ...
怎样一步一步删除（linux amp; UNIX）环境下 oracle 11g 集群节点
Deleting a Cluster Node on Linux and UNIX Systems 1.确定要删除的节点,是否active,pinned $ olsnodes -s -t 假设 ...
java删除第一个节点_访问单个节点的删除（Java）
实现一个算法,删除单向链表中间的某个结点,假定你只能访问该结点. 给定带删除的节点,请执行删除操作,若该节点为尾节点,返回false,否则返回true class ListNode { int val ...

remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点

remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点相关推荐

最新文章

热门文章