2019-10-16 jq操作DOM

js创建节点

     jq创建节点

     var $li = $("

  • 榴莲
  • ");

     jq 添加节点

        1. 内容.appendTo(目标)        将内容添加到目标 中 的最后一位

        2.目标.prepend("内容")         将内容添加到目标 的第一位

        3.目标.after(内容);                  在指定的元素之后 插入元素

        4.内容.insertAfter(目标) :  将内容添加到目标之后

             如果该内容是页面已有元素,这些元素会被移动到指定的位置

        5.before()

            $(".box").before("我是新来的span");

        6.内容.insertBefore(目标)  将内容添加到目标之前

            如果该内容是页面已有元素,这些元素会被移动到指定的位置

    删除节点

            指定目标.remove()

            $(".s").remove();

            目标.empty()         清空目标的子节点,但不对目标自身造成影响

            $("ul").empty();

            目标.clone() : 复制,  会返回指定目标的复制体,需要接受或者直接使用

    你可能感兴趣的:(2019-10-16 jq操作DOM)