Jquery操作DOM節點

1、         向DOM節點中追加元素：

append：向元素內部追加內容:

例如：<p>我想說:</p>   $(“p”).append(“<b>你好</b>”);

結果：<p>我想說: <b>你好</b></p>

appendTo:將匹配的元素追加到指定的元素中

例如：<p>我想說:</p>   $(“<b>你好</b>”).appendTo(“p”);

結果：<p>我想說: <b>你好</b></p>

prepend：向每個匹配元素內部前置元素

例如：<p>我想說:</p>   $(“p”).prepend (“<b>你好</b>”);

結果: <p> <b>你好</b>我想說:</p>

prependTo:將所有匹配的元素前置到指定的元素中

例如：<p>我想說:</p>   $(“<b>你好</b>”).prependTo(“p”);

結果: <p> <b>你好</b>我想說:</p>

after:在每個匹配的元素之后插入內容

例如：<p>我想說:</p>   $(“p”).after(“<b>你好</b>”);

結果：<p>我想說: </p><b>你好</b>

insertAfter：將所有匹配的元素插入到指定元素的后面

例如：<p>我想說:</p>   $(“<b>你好</b>”).insertAfter(“p”);

結果：<p>我想說: </p><b>你好</b>

before：在每個元素之前插入內容

例如：<p>我想說:</p>   $(“p”).before(“<b>你好</b>”);

結果: <b>你好</b><p>我想說:</p>

insertBefore: 將所有匹配的元素插入到指定元素的前面

例如：<p>我想說:</p>   $(“<b>你好</b>”).insertBefore(“p”);

結果: <b>你好</b><p>我想說:</p>

2、         節點移除

a：在對象后面加入remove()方法,移除的內容雖然在網頁上表現不存在了，但是在內存中還是存在的，remove后面還可以加入參數，進行選擇$("ul li").remove("li[title != 2]");

b：在對象后面加入empty()方法，表示清空元素中的內容，元素位置還是存在

3、節點的復制，調用其clone()方法,里面可以包含true或者false參數，true表示克隆后的元素與原來的元素具有相同的屬性和方法

3、屬性操作：

attr():獲取與設置屬性

removeAttr()：移除元素屬性

3、         操作樣式，可以使用attr，也可以使用addclass、removeclass

其中attr可以為相應的class賦值，但是它是從屬性方面來考慮的

attr與addclass的區別：