動(dòng)態(tài)創(chuàng)建Dom節(jié)點(diǎn)

jQuery中使用$(html字符串)來(lái)動(dòng)態(tài)創(chuàng)建Dom節(jié)點(diǎn)，并且返回一個(gè)jQuery對(duì)象，可以調(diào)用append等方法將創(chuàng)建的節(jié)點(diǎn)添加到Dom中。

例如：

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

        $("div:first").append(link);

添加節(jié)點(diǎn)元素的方法：

Append方法用來(lái)在元素的末尾追加元素（最后一個(gè)子節(jié)點(diǎn)）

Prepend在元素的開(kāi)始添加元素（第一個(gè)子節(jié)點(diǎn)）

After:在元素之后添加元素（添加兄弟節(jié)點(diǎn)）

Before：在元素之前添加元素（添加兄弟節(jié)點(diǎn)）

子元素.appendTo(父元素)：在元素的末尾追加一個(gè)子元素

子元素.prependTo(父元素):在元素的開(kāi)始追加一個(gè)子元素

刪除節(jié)點(diǎn)：

Empty():清空該元素下的所有子節(jié)點(diǎn)

        等同于：while(ele.firstChild){ele.removeChild(ele.firstChild);}

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

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

     
Clone()克隆節(jié)點(diǎn)，支復(fù)制節(jié)點(diǎn)，不復(fù)制節(jié)點(diǎn)

Clone(true):克隆節(jié)點(diǎn)帶事件

節(jié)點(diǎn)的替換：

$("br").replaceWith("<hr/>");

$("br").replaceAll("<hr/>");
 

包裹節(jié)點(diǎn)

Wrap()方法用來(lái)將所有的元素逐個(gè)用指定的標(biāo)簽包裹

$("b").wrap("<font color='red'></font>");將所有粗體字紅色顯示

wrapInner();在內(nèi)部圍繞

最新評(píng)論