jquery删除元素的三种方法-JavaScript-Python学习网

jquery删除元素的三种方法

宋雪维2021-01-26 10:38:45原创

在进行jquery操作过程中，添加元素有方法，那删除元素也不落后，也有三种方法，对应不同的删除条件。本文香达街介绍 jquery删除元素的三种方法：1、使用remove()方法删除被选元素（及其子元素）；2、使用empty()方法被选元素的子元素；3、使用detach()方法从DOM中去掉所有匹配的元素。

方法一：使用remove()方法删除被选元素（及其子元素）

返回值是一个指向已被删除的节点的引用，因此可以在以后再使用这些元素。

$("ul li").click(function(){
    alert($(this).html());
});
var $li = $("ul li:eq(1)").remove();
$li.appendTo("ul");

方法二：使用empty()方法删除被选元素的子元素。

$(function(){
$("button").click(function(){
$("#ol2").empty().append("<li>ol2新添加的列表项</li>");
})
})

方法三：使用detach()方法从DOM中去掉所有匹配的元素

$("button").click(function(){
$("p").detach();
});

以上就是jquery删除元素的三种方法，大家可以根据具体的需要选择合适的方法哦~更多JavaScript学习推荐：JavaScript教程。

专题推荐：js jquery

jquery删除元素的三种方法

相关文章推荐

相关课程推荐

Python云端系统开发入门教程Django(嵩天教授)

python游戏开发教程(嵩天教授)

python语言设计(嵩天教授)

Python程序设计

全部评论我要评论

Python学习网