JQuery 基础：8.动态创建Dom节点

1.使用$(html字符串)来创建Dom节点，并返回一个JQuery对象，然后调用append等方法将新创建的节点加到DOm中。

$()创建的就是一个JQuery对象，可以进行相关操作

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

2.

append方法将元素加载到目标的末尾

prepend,在元素的开始添加元素

after,在元素之后添加元素（兄弟元素）

before,在元素之前添加元素（兄弟元素）

 

实例：动态加载网站列表，动态分页           

　　 var data = { "百度": "http://www.baidu.com", "新浪": "http://www.sina.com", "网易": "http://www.163.com" };
            $.each(data, function (key, value) {
                var tr = $("<tr><td>" + key + "</td><td>" + value + "</td></tr>");
                $("#tableSites").append(tr);
            }
            );

 

3.删除节点remove()

$("#btn").click(function () { $("ul li[class=u1]").remove(); });

被删除后可继续使用

var lis=$("#ulSite li").remove();

$("#ulSIie2").append(lis);

4.empty()将节点清空