使用jquery操作DOM

1.创建元素
        使用DOM的createElement()方法能够根据参数指定的标签名创建一个新的元素，并返回新建元素的引用。用法如下。

var element  = document.createElement("tagName");
        其中element表示新建元素的引用，createElement()是document对象的一个方法，该方法只有以参数，用来指定创建元素的标签名称。
        如果要把创建的元素加到文档中，还需要调用appendChild()方法来实现。

2，创建文本
        使用DOM的createTextNode()方法可以创建文本节点。用法如下：

document.createTextNode(data)
        参数data表示字符串。参数中不能包含任何HTML标签，否则JavaScript会把这些标签作为字符串进行显示。最后返回新创建的文本节点。

        新创建的文本节点不会自动增加到DOM文档树中，需要使用appendChild()方法实现。

 jquery创建文本节点比较简单，直接把文字字符串添加到元素标记字符串之中，然后使用append()等方法把他们添加到DOM文档树中。

3.删除节点

            //下述的方法 可以实现 删除任意位置的节点:
            
            //方法1:  remove()
            //语法如下:  $("xx").remove();  将xx元素彻底删除  不仅删除了值 而且删除了标签  
            
            //需求如下: 将444的p标签删除
            
            // $("p:eq(3)").remove();
            
            //方法2:  empty()  清空
            //语法如下:  $("xx").empty();  将xx元素删除值 但是不删除标签  
            
            //需求如下: 将444的p标签删除
            
            // $("p:eq(3)").empty();
            
           4.克隆节点
            //语法:  $("xxx").clone();  将xxx元素复制一份
            //注意事项:上一步仅仅只是复制   此时理解为孤儿节点. 任然需要通过append  prepend                    after  before进行粘贴
            
            //例如:将111复制一份到444的后面
            
            let a = $("p:eq(0)").clone();
            $("p:eq(3)").after(a);

5.获取元素