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()將節點清空