jquery删除元素的empty()方法

  • Z时代
  • 2024-01-10
  • 分类：综合

美女程序员鼓励师

jQuery中添加元素的方法有很多，虽然删除元素的方法没有添加元素的方法多，但是也是可以完成各种需求的删除任务的。本文向大家介绍jquery删除元素的empty()方法，empty()方法可以删除删除被选元素的子元素，还可以清空JQuery()对象对应的DOM对象的所有子节点。

1、empty()方法

在jquery中，empty方法定义为删除匹配的元素集合中所有的子节点。

删除被选元素的子元素，可以用于清空JQuery()对象对应的DOM对象的所有子节点。

2、使用语法

jQueryObject.empty( )

3、返回值

empty()函数的返回值为jQuery类型，返回当前jQuery对象本身(以便于进行链式风格的编程)。

4、使用实例

$(document).ready(function(){
  $("button").click(function(){
    $("#div1").empty();
  });
});
</script>
</head>
<body>
 
<div id="div1" style="height:40px;width:300px;border:1px solid black;background-color:yellow;">
最好的梦想是遇见最好的你</div>
<button>清空div元素</button>

以上就是jquery删除元素的empty()方法，需要注意的是此方法在清空节点的时候，节点的标签还存在哦~更多JavaScript学习推荐：JavaScript教程。

以上是 jquery删除元素的empty()方法 的全部内容， 来源链接： utcz.com/z/542880.html

回到顶部