jquery删除元素的三种方法

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

美女程序员鼓励师

在进行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教程。

以上是 jquery删除元素的三种方法 的全部内容， 来源链接： utcz.com/z/542887.html

回到顶部