jquery中如何使用remove()方法删除元素

390次阅读
没有评论

jquery中如何使用remove()方法删除元素

jquery中除了empty()方法可以删除元素,还可以使用remove()方法删除元素,remove()方法与empty()方法有些不同,remove()方法是删除JQuery对象对应的DOM节点,并不是DOM对象的所有子节点。本文向大家介绍jquery中使用remove()方法删除元素的过程。

remove()方法

1、用于移除被选元素,包括所有的文本和子节点。

2、也会移除被选元素的数据和事件。

3、删除JQuery对象对应的DOM节点,每删除一个节点,其索引会变化。可以在删除索引后,改变循环的值,使用jQuery的remove方法直接删除节点。

使用语法

$(selector).remove()

使用remove()方法删除元素实例

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").remove();
  });
});
</script>
</head>
<body>
 
<div id="div1" style="height:40px;width:300px;border:1px solid black;background-color:yellow;">
你的梦想会随之你的年龄慢慢消失</p></div>
<button>移除div元素</button>

以上就是jquery中使用remove()方法删除元素的介绍,一定要记住remove()方法不会保留元素的 jQuery 数据哦~更多JavaScript学习推荐:JavaScript教程。


神龙|纯净稳定代理IP免费测试>>>>>>>>天启|企业级代理IP免费测试>>>>>>>>IPIPGO|全球住宅代理IP免费测试

相关文章:

版权声明:JavaScript2022-12-16发表,共计677字。
新手QQ群:570568346,欢迎进群讨论 Python51学习