jQuery之remove和empty事件
2017-09-15 09:57
363 查看
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>
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>
相关文章推荐
- 工作总结(三)jQuery.remove( )移除与元素关联的附加数据和绑定事件
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove的使用
- jquery之empty()与remove()区别说明
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove系列方法的使用。
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove的使用
- jquery之empty()与remove()区别
- Jquery里面三个文档操作方法比较-empty(),detach()和remove
- 【JQuery】使用remove()和empty()方法删除元素
- jquery中的empty()与remove()区别
- 详解jQuery中的empty、remove和detach
- 浅谈jQuery中的删除方法empty()、remove()和detach()
- jQuery中remove和empty区别
- jquery之empty()与remove()区别
- 【jQuery】remove()和empty()的使用
- jquery之empty()与remove()区别
- jQuery删除节点的三个方法即remove()detach()和empty()
- jquery中empty和remove对table的rowIndex的影响
- jquery之empty()与remove()区别
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove系列方法的使用。
- 区别 jquery中empty() remove()