DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery中對節點進行操作的相關介紹
jQuery中對節點進行操作的相關介紹
編輯:JQuery特效代碼     

動態創建Dom節點

jQuery中使用$(html字符串)來動態創建Dom節點,並且返回一個jQuery對象,可以調用append等方法將創建的節點添加到Dom中。

例如:

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

$("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("<hr/>");

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

包裹節點

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

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

wrapInner();在內部圍繞

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved