ITPub博客

首页 > IT职业 > IT生活 > jquery删除元素的三种方法

jquery删除元素的三种方法

IT生活 作者:eyile 时间:2021-09-11 10:01:30 0 删除 编辑

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

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4506/viewspace-2831009/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-10-17

  • 博文量
    76
  • 访问量
    541