remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点
生活随笔
收集整理的這篇文章主要介紹了
remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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() 复制节点的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Lync Server 2010迁移至L
- 下一篇： css设置鼠标滑过背景变色;鼠标滑过背景