本文介绍了jQuery中的remove和empty方法的区别。remove方法用于从DOM中删除所有匹配的元素及其绑定的事件和数据；而empty方法则仅清除匹配元素内的所有子节点，保留元素本身。通过两个示例代码片段展示了这两种方法的具体用法。
jQuery之remove和empt事件
remove()顾名思义就是移除，从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。
empty()删除匹配的元素集合中所有的子节点。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
<script>
$(document).ready(function(){
$("p").remove();
});
</script>
</head>
<body>
<!--<input type="button" name="btn" id="btn" value="val方法" />
<input type="text" value="这是一个value值" id="txt" />-->
<div id="div1">
<p>这是一个p标签</p>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
<script>
$(document).ready(function(){
// $("p").remove();
$("p").empty();
});
</script>
</head>
<body>
<!--<input type="button" name="btn" id="btn" value="val方法" />
<input type="text" value="这是一个value值" id="txt" />-->
<div id="div1">
<p>这是一个p标签</p>
</div>
</body>
</html>
扫一扫
319
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
