jquery删除元素的三种方法

在进行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删除元素的三种方法中，detach()方法和和remove()方法很相似，都可以用于从DOM中去掉所有匹配的元素。但是二者使用上区别，最大的区别在于detach()方法会 ...