JQuery动态创建删除DOM元素

Posted 2020-11-20 2mei

动态创建Dom节点

    1.使用$(html字符串)来创建Dom节点

    2.append方法用来在元素的末尾追加元素

    3.prepend，在元素的开始添加元素。 prependTo。after，在元素之后添加元素（添加兄弟）。before：在元素之前添加元素（添加兄弟）。

删除节点

    （1）remove()删除选择的节点

    （2）empty()是将节点清空，清除节点的innerHTML，节点还在

动态创建Dom节点示例：

1.使用$(html字符串)来创建Dom节点，并且返回一个jQuery对象，然后调用append等方法将新创建的节点添加到其他节点（元素）中： 

var link = $("<a href=‘http://www.baidu.com‘>百度</a>");
                $("div:first").append(link);

$()创建的就是一个jQuery对象，可以完全进行操作

var link = $("<a href=‘http://www.baidu.com‘>百度</a>");
                link.text("百毒");
                $("div:first").append(link);