首頁 > web前端 > js教程 > jQuery中對節點進行操作的相關介紹_jquery

jQuery中對節點進行操作的相關介紹_jquery

WBOY
發布: 2016-05-16 17:36:40
原創
941 人瀏覽過

動態建立Dom節點

jQuery中使用$(html字串)來動態建立Dom節點,並且傳回一個jQuery對象,可以呼叫append等方法將建立的節點加入Dom。

例如:

        var link = $("百度");

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

加入節點元素的方法:

Append方法用來在元素的末尾追加元素(最後一個子節點)

Prepend在元素的開始加入元素(第一個子節點)

After:在元素之後加入元素(新增兄弟節點)

Before:在元素之前加入元素(新增兄弟節點)

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

子元素.prependTo(父元素):在元素的開始追加一個子元素

A.insertBefore(B)    將A插入到B的前面,等同於B.before(A);

X.insertAfter(B)   將X插入到Y的後面,等同於Y.after(X);
 

刪除節點:

Empty():清空該元素下的所有子節點

        等同於:while(ele.firstChild){ele.removeChild(ele.firstChild);}

Remove(selectot);自殺;刪除當前元素,返回值為被刪除的元素,可以講節點刪除之後放到其他節點下面,有一個移動的效果,例如:

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

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

     
Clone()複製節點,支複製節點,不複製節點

Clone(true):克隆節點帶事件


節點的替換:

$("br").replaceWith("


");

$("br").replaceAll("


");
 

包裹節點

Wrap()方法用來將所有的元素逐一用指定的標籤包裹

$("b").wrap("");顯示所有粗體字紅色

wrapInner();內部圍繞

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板