本文概述
jQuery remove()方法用于将所选元素从DOM中删除。它将删除所选元素本身以及其中的所有内容(包括所有文本和子节点)。此方法还删除所选元素的数据和事件。
如果要删除元素而不删除数据和事件, 则应使用detach()方法。如果只想删除数据和事件, 请使用empty()方法。
句法:
$(selector).remove(selector)
jQuery remove()方法的参数
参数 | 描述 |
---|---|
Selector | 是可选参数。它指定是否删除一个或多个元素。如果必须删除多个元素, 则应使用逗号(, )分隔它们。 |
jQuery remove()方法的示例
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>remove demo</title>
<style>
p {
background: pink;
margin: 6px 0;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p>Hello Guys!</p>
This is srcmini02.com<br/>
<p>A place for all technology.</p>
<button>Execute remove() method on paragraphs</button>
<script>
$( "button" ).click(function() {
$( "p" ).remove();
});
</script>
</body>
</html>
立即测试
jQuery remove()示例2
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").remove();
});
});
</script>
</head>
<body>
<p>Welcome Guys!</p>
<p><b>This is srcmini02.com</b></p>
<button>Click here to execute remove() method</button>
</body>
</html>
立即测试
评论前必须登录!
注册