remove() empty() after()

来源：互联网发布：网络病毒营销编辑：程序博客网时间：2024/06/05 20:23

remove()----从页面DOM里删除包装集所有元素。需要注意的是从DOM里删除的元素仍然被该包装集引用着。

empty()-----清空匹配集里所有dom元素的内容

after()-------after() 方法在被选元素后插入指定的内容。

如：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").after("<p>Hello world!</p>");
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button>在每个 p 元素后插入内容</button>
</body>
</html>
------------------------------------------------

This is a paragraph.

--------------------------------------------------

This is a paragraph.

Hello world!

-------------------------------------------------------------

可以利用remove()和after()方法进行替换操作

如： $("p").after("<p>Hello world!</p>");改写为

$("p").after("<p>Hello world!</p>").remove();

则如下图；

Hello world!

---------------------------自己的一个感悟：一直认为$("p").after("<p>Hello world!</p>")到这里后会返回一个包装集合然后执行remove()方法后会全部去掉，不过仔细看了after()函数它不返回包装集的只是个操作，所以针对remove操作的还是原来的包装集不知道对不这样理解

针对上述替换可以写出来一个通用的方法如下；
$.fn.rplaceWith=function(html){

return this.after(html).remove();

}