.detach()
从dom 中去掉所匹配的元素。
.detach([selector])
selector 一个选择表达式将需要移除的从匹配的元素中过滤出来。
$(p).detach();
.empty()
从dom中移除集合中匹配元素的所有子节点。
.empty() 这个方法不接受任何参数。
结构:
<div class="container">
<div class="hello">hello</div>
<div class="goodbye">goodbye</div>
</div>
$('.hello').empty();
效果:
<div class="container">
<div class="hello"></div>
<div class="goodbye">goodbye</div>
</div>
.remove()
将匹配元素从dom 中删除,同时删除元素上的事件。
.remove([selector])
selector 一个选择器表达式用来过滤将被移除的匹配元素集合。
结构:
<div class="container">
<div class="hello">hello</div>
<div class="goodbye">goodbye</div>
</div>
$('.hello').remove();
效果:
<div class="container">
<div class="goodbye">goodbye</div>
</div>
.unwrap()
将匹配元素集合的父级元素删除,保留自身,(和兄弟元素,如果存在)再原来的位置。
.unwrap()
这个方法不接受任何参数。
结构:
<div class="container">
<div class="hello">hello</div>
<div class="goodbye">goodbye</div>
</div>
$('.hello').empty();
效果:
<div class="hello">hello</div>
<div class="goodbye">goodbye</div>
.replaceall()
用集合的匹配元素替换每个目标元素。
.replaceall(target)
target 一个选择器字符串,对象,dom元素,或者元素数组,包含哪个元素被替换。
结构:<div class="container">
<div class="inner first">hello</div>
<div class="inner second">and</div>
<div class="inner third">goodbye</div>
</div>
$('<h2>new heading</h2>').replaceall('.inner');
效果:
<div class="container">
<h2>new heading</h2>
<h2>new heading</h2>
<h2>new heading</h2>
</div>
.replacewith()
用提供的内容替换集合中所匹配的元素并返回删除元素的集合。
.replacewith(newcontent)
newcontent 用来插入的内容,可能是html字符串,dom元素,或者对象。
.replacewith(function)
function 一个函数,返回的内容会替换匹配的元素集合。
结构:<div class="container">
<div class="inner first">hello</div>
<div class="inner second">and</div>
<div class="inner third">goodbye</div>
</div>
$('div.second').replacewith('<h2>new heading</h2>');
效果:<div class="container">
<div class="inner first">hello</div>
<h2>new heading</h2>
<div class="inner third">goodbye</div>
</div>
$('div.third').replacewith($('.first'));
效果:<div class="container">
<div class="inner second">and</div>
<div class="inner first">hello</div>
</div>
以上就是jquery操作dom元素(3)的内容。