• 技术文章 >Web开发 >JavaScript

    jquery删除元素的三种方法

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

    在进行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中如何过滤被删除的元素 下一篇:jquery中detach()和remove()区别详解

    相关文章推荐

    • python中Counter是什么意思?• python中K-means算法是什么?

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网