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()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点。

  • 相关阅读:
    python3-file的修改实现类似shell中sed的功能
    python3-字典的循环
    python3-file文件操作
    python3-字典的增删改查
    python3-字典中存储列表
    python3-字典中的一些常用方法
    python3-字典中包含字典
    报错调试和工具使用
    (三)、Struts第三天
    struts体系结构
  • 原文地址:https://www.cnblogs.com/hf8051/p/4444307.html
Copyright © 2011-2022 走看看