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();
}
2219
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
