品易云推流 关闭
文章详情页
文章 > JavaScript > jquery删除元素的empty()方法

jquery删除元素的empty()方法

头像

宋雪维

2021-01-26 09:36:132850浏览 · 0收藏 · 0评论

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

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图