jquery .remove用法与实例
selectora选择过滤表达式匹配的元素的集合被删除。
类似。remove()时,。remove()方法需要指出的dom元素。我们使用。删除()当我们要删除该元素本身,以及它里面的一切。除了元素本身,所有绑定的事件和相关的元素jquery的数据都被删除。
考虑下面的html:
<div class="container">
<div class="hello">hello</div>
<div class="goodbye">goodbye</div>
</div>
we can target any element for removal:
$('.hello').remove();this will result in a dom structure with the <div> element deleted:
<div class="container">
<div class="goodbye">goodbye</div>
</div>
如果我们有任何内部<div class="hello">嵌套元素的数量,他们将被删除,太。其他jquery的构造,以及被删除,如数据或事件处理程序。
我们还可以包括一个可选的参数选择。例如,我们可以重写前面的dom的去除代码如下:
$('div').remove('.hello');this would result in the same dom structure:
<div class="container">
<div class="goodbye">goodbye</div>
</div>
看个实例
<!doctype html>
<html>
<head>
<style>p { background:yellow; margin:6px 0; }</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<p>hello</p>
how are
<p>you?</p>
<button>call remove() on paragraphs</button>
<script>
$("button").click(function () {
$("p").remove();
});</script>
</body>
</html>
补充:网页制作,jquery