jQuery节点操作

jQuery添加节点

<script>
    //创建节点
    var $li = $('<li>我是新的li</li>')
    //添加节点
    $('button').click(function () {
        //在ul内部的最后添加li  两种写法
        // $('ul').append($li);
        // $li.appendTo('ul');

        //在ul内部的首部添加li  两种写法
        // $('ul').prepend($li);
        // $li.prependTo('ul');

        //在ul外部后面添加li  两种写法
        // $('ul').after($li);
        // $li.insertAfter('ul');

        //在ul外部前面添加li  两种写法
        // $('ul').before($li);
        $li.insertBefore('ul');
    })
</script>

jQuery删除节点

1、$(ele).remove()

作用：删除指定元素

2、$(ele).empty()

作用：删除指定元素的内容和子元素，元素自身不会被删除

3、$(ele).detach()

作用：保留数据的删除，数据保留在jQuery对象中

jQuery替换节点

1、$(ele).replaceWith(ele2)

作用：替换所有匹配的元素为指定的元素

2、replaceAll()方法 功能和replaceWith()方法一致，区别在于前者是由替换元素调用，被替换元素作为参数传入

jQuery复制节点

1、浅复制：$(ele).clone(false)

2、深复制：$(ele).clone(true)

以上两种方法都可以将被匹配的元素复制，区别在与浅复制只能复制元素节点；而深复制不仅能够复制元素节点，还能够复制元素时间