jquery删除元素的三种方法

1,913次阅读
没有评论

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

神龙|纯净稳定代理IP免费测试>>>>>>>>天启|企业级代理IP免费测试>>>>>>>>IPIPGO|全球住宅代理IP免费测试

相关文章:

版权声明:JavaScript2022-12-16发表,共计592字。
新手QQ群:570568346,欢迎进群讨论 Python51学习