jQuery 文档操作 - remove() detach() 方法
2012-11-16 12:49
375 查看
jQuery 文档操作 - remove() detach() 方法
转自: http://www.w3school.com.cn/jquery/manipulation_detach.asp
remove() 与detach() 方法都会移除被选元素,包括所有文本和子节点,但这两个方法都可以在将来再使用这些匹配的元素。
detach() 这个方法会保留 jQuery 对象中的匹配的元素,同时 detach() 会保留所有绑定的事件、附加的数据,这一点与 remove() 不同。
remove() 方法不会把匹配的元素从 jQuery 对象中删除,但除了这个元素本身得以保留之外,remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与 detach() 不同。
remove() 实例:
结果:在移动p元素后,对 p元素进行点击,则 click事件将不起作用
detach() 方法:
结果:在移动p元素后,对 p元素进行点击, click事件仍起作用
转自: http://www.w3school.com.cn/jquery/manipulation_detach.asp
remove() 与detach() 方法都会移除被选元素,包括所有文本和子节点,但这两个方法都可以在将来再使用这些匹配的元素。
detach() 这个方法会保留 jQuery 对象中的匹配的元素,同时 detach() 会保留所有绑定的事件、附加的数据,这一点与 remove() 不同。
remove() 方法不会把匹配的元素从 jQuery 对象中删除,但除了这个元素本身得以保留之外,remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与 detach() 不同。
remove() 实例:
<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("body").append($("p").remove()); }); $("p").click(function(){ $(this).animate({fontSize:"+=1px"}) }); }); </script> </head> <body> <p>在本段落移动之后,试着点击该段落,请注意它保留了 click 事件。</p> <button>移动 p 元素</button> </body> </html>
结果:在移动p元素后,对 p元素进行点击,则 click事件将不起作用
detach() 方法:
<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("body").append($("p").detach()); }); $("p").click(function(){ $(this).animate({fontSize:"+=1px"}) }); }); </script> </head> <body> <p>在本段落移动之后,试着点击该段落,请注意它保留了 click 事件。</p> <button>移动 p 元素</button> </body> </html>
结果:在移动p元素后,对 p元素进行点击, click事件仍起作用
相关文章推荐
- jQuery文档操作之detach()方法
- jQuery 文档操作 - remove() 方法
- jQuery 文档操作 - detach() 方法
- jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法
- jQuery 属性操作 - removeClass() 方法
- Jquery 操作xml 文档的方法
- jquery文档操作wrap()方法实例简述
- jQuery 文档操作 - after() 方法
- jQuery .attr()和.removeAttr()方法操作元素属性示例
- jQuery 文档操作 - text() 方法
- jQuery 文档操作 - append() 方法
- jQuery 文档操作 - text() 方法
- jQuery 属性操作 - removeClass() 方法
- jQuery 文档操作 - insertAfter() ,insertBefore(),after(),before() 方法
- jQuery删除节点的三个方法即remove()detach()和empty()
- jQuery 文档操作方法大全(也适用于 XML 文档和 HTML 文档)
- jquery之remove(),detach()方法详解
- jQuery方法区别(七)detach() remove()区别
- 浅谈jQuery中的删除方法empty()、remove()和detach()
- jQuery 文档操作 - appendTo() 方法---动态加HTML 元素