jquery文档删除操作remove()和empty()
http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp
1.empty()删除匹配的元素集合中所有的子节点。
2.detach()从DOM中移除匹配元素集合。
移除被选元素,包括所有文本和子节点。
保留jQuery对象,保留所有绑定的事件、附加的数据。
3.remove()方法移除被选元素,包括所有文本和子节点。
保留jQuery对象可以在将来再使用这些匹配的元素,
与detach()不同:不保留元素的jQuery数据(绑定的事件、附加的数据等都会被移除)。
<script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ <!--//保留p对象的内容,仍旧可以将原有jquery对象的内容追加--> $("body").append($("p").detach()); <!--移除h2,可见h2对象的内容一同被移除--> $("body").append($("h2").remove()); <!--清空body对象的子节点--> $("body").empty(); }); }); </script> <body> <p>This is a para.</p> <h1>hi,wjy</h1> <h2>hello world!</h2> <button>移除元素</button> </body>
相关推荐
tztzyzyz 2020-07-05
84483065 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
delmarks 2020-06-28
89510194 2020-06-27
牵手白首 2020-06-14
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
momode 2020-09-11
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28