Jquery节点操作

最新推荐文章于 2022-07-12 19:28:52 发布

原创最新推荐文章于 2022-07-12 19:28:52 发布 · 248 阅读

CC 4.0 BY-SA版权

28 篇文章

订阅专栏

博客介绍了jQuery中动态操作元素的相关内容，包括动态创建元素、添加元素（在盒子末尾、最前面添加及操作兄弟元素）、删除清空节点（如删除指定li元素）以及复制节点（深层复制）等操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 动态创建元素

  //创建节点1：$("标签”）
    console.log($("<li>我是</li>"));
    //创建节点2
    $("ul").html("<li>我是HTMl</li>");

2.添加元素
在盒子末尾添加

  var newli=$("<li>append添加</li>");
             $("ul").append(newli);
                newli.appendTo($("ul"));

在盒子最前面添加

 $("ul").prepend(newli);
 newli.prependTo("ul");

操作兄弟元素的

                //after()
                $("li").after(newli);
                //before()
                $("li").before(newli);

3.删除清空节点

           //清空所在UL，方法1：html（“”）
            $("ul").html("");
            //方法2：empty（）
            $("ul").empty();

删除指定li元素
$(“li:eq(0)”).remove();

4.复制节点
深层复制

 $("button").click(function () {
               var newUl=$(".box ul").clone();
                $(".box").append(newUl);
            });