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教程。



小编介绍过jquery中删除元素的empty()方法和remove()方法,那在这个过程中,吧元素删除之后就可以直接添加元素使用了吗?并不是,我们需要过滤掉删除的元素才可以对元素进行操作。本文向大家介绍过 ...