zoukankan      html  css  js  c++  java
  • jquery -- 删除节点

    jQuery提供了三种删除节点的方法,即remove(),detach()和empty()。

    测试所用HTML代码:

    <p title="选择你最喜欢的水果?">你最喜欢的水果是?</p>
    <ul>
        <li title="苹果">苹果</li>
        <li title="橘子">橘子</li>
        <li title="菠萝">菠萝</li>
    </ul>

    1、remove()方法

    $("ul li").click(function(){
        alert($(this).html());
    });
    var $li = $("ul li:eq(1)").remove();
    $li.appendTo("ul");

    当某个节点用remove()方法删除后,该节点所包含的所有后代节点将同时被删除。这个方法的返回值是一个指向已被删除的节点的引用,因此可以在以后再使用这些元素。

    2、detach()方法

    var $li = $("ul li:eq(1)").detach();
    $li.appendTo("ul");

    detach()和remove()一样,也是从DOM中去掉所有匹配的元素。但需要注意的是,这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据都会保留下来。

    3、empty()方法

    var $li = $("ul li:eq(1)").empty();
    $li.appendTo("ul");

    严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点。

  • 相关阅读:
    测试流程之需求评审
    如何编写测试计划
    一定要知道的,那些Linux操作命令
    线上bug分析
    做一个靠谱的软件测试人员
    测试方向
    怎样才能提交一个让开发人员拍手叫好的bug单
    软件测试职业发展
    MongoDB的启动流程
    百度语音
  • 原文地址:https://www.cnblogs.com/hf8051/p/4444307.html
Copyright © 2011-2022 走看看