remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点
来源:互联网 发布:windows活动目录管理 编辑:程序博客网 时间:2024/04/28 17:09
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>
0 0
- remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点
- jQuery on()方法 jQuery删除节点的三个方法:remove empty detach
- DOM节点删除之empty和remove
- jQuery删除和清空节点
- jQuery_删除及清空节点
- DOM节点删除之detach()和remove()区别
- DOM节点删除之detach()和remove()区别
- DOM节点删除之detach()和remove()区别
- 复制,删除,替换节点
- JQuery清空节点内容
- DOM节点删除之保留数据的删除操作detach()
- DOM节点删除之保留数据的删除操作detach()
- DOM节点删除之保留数据的删除操作detach()
- C++中链表的创建、输出、节点删除、节点插入、翻转、清空
- jquery DOM节点删除之empty和remove区别
- DOM节点删除之empty和remove区别
- DOM节点删除之empty和remove区别
- 删除节点
- 冒泡排序
- 调试器工作原理
- NYOJ 聪明的kk 171
- MyEclipse中Tomcat服务器的启动方式
- 简单选择排序
- remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点
- [LeetCode] Min Stack
- 直接插入排序
- 希尔排序
- 何时使用.do和.jsp
- 堆排序
- poj 3468(线段树)
- UVA - 253 Cube painting(模拟)
- 素数求解一二三