JQuery ----文檔處理

標籤：des   style   http   使用   strong   io   資料   for   

1.append(content|fn)

概述

向每個匹配的元素內部追加內容。

這個操作與對指定的元素執行appendChild方法，將它們添加到文檔中的情況類似。

2.appendTo(content)

概述

把所有匹配的元素追加到另一個指定的元素元素集合中。

實際上，使用這個方法是顛倒了常規的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。

3.prepend(content)

概述

向每個匹配的元素內部前置內容。

這是向所有匹配元素內部的開始處插入內容的最佳方式。

4.prependTo(content)

概述

把所有匹配的元素前置到另一個、指定的元素元素集合中。

實際上，使用這個方法是顛倒了常規的$(A).prepend(B)的操作，即不是把B前置到A中，而是把A前置到B中。

5.after(content|fn)

概述

在每個匹配的元素之後插入內容。

6.before(content|fn)

概述

在每個匹配的元素之前插入內容。

7.insertAfter(content)

概述

把所有匹配的元素插入到另一個、指定的元素元素集合的後面。

實際上，使用這個方法是顛倒了常規的$(A).after(B)的操作，即不是把B插入到A後面，而是把A插入到B後面。

8.insertBefore(content)

概述

把所有匹配的元素插入到另一個、指定的元素元素集合的前面。

實際上，使用這個方法是顛倒了常規的$(A).before(B)的操作，即不是把B插入到A前面，而是把A插入到B前面。

9.wrap(html|ele|fn)

概述

把所有匹配的元素用其他元素的結構化標記包裹起來。

這種封裝對於在文檔中插入額外的結構化標記最有用，而且它不會破壞原始文檔的語義品質。這個函數的原理是檢查提供的第一個元素（它是由所提供的HTML標記代碼動態產生的），並在它的代碼結構中找到最上層的祖先元素－－這個祖先元素就是包裹元素。當HTML標記代碼中的元素包含文本時無法使用這個函數。因此，如果要添加文本應該在包裹完成之後再行添加。

10.unwrap()

概述

這個方法將移出元素的父元素。這能快速取消 .wrap()方法的效果。匹配的元素（以及他們的同輩元素）會在DOM結構上替換他們的父元素。

11.wrapAll(html|ele)

概述

將所有匹配的元素用單個元素包裹起來

這於 ‘.wrap()‘<a href="http://docs.jquery.com/Manipulation/wrap" title="Manipulation/wrap"></a> 是不同的，‘.wrap()‘為每一個匹配的元素都包裹一次。這種封裝對於在文檔中插入額外的結構化標記最有用，而且它不會破壞原始文檔的語義品質。這個函數的原理是檢查提供的第一個元素並在它的代碼結構中找到最上層的祖先元素－－這個祖先元素就是封裝元素。

html描述:

用一個產生的div將所有段落包裹起來

jQuery 代碼:

$("p").wrapAll("<div></div>");

12.wrapInner(htm|ele|fnl)概述

將每一個匹配的元素的子內容(包括文本節點)用一個HTML結構包裹起來

這個函數的原理是檢查提供的第一個元素（它是由所提供的HTML標記代碼動態產生的），並在它的代碼結構中找到最上層的祖先元素－－這個祖先元素就是封裝元素。

13.replaceWith(content|fn)

概述

將所有匹配的元素替換成指定的HTML或DOM元素。

14.replaceAll(selector)

概述

用匹配的元素替換掉所有 selector匹配到的元素。

15.empty()

概述

刪除匹配的元素集合中所有的子節點。

16.remove([expr])

概述

從DOM中刪除所有匹配的元素。

這個方法不會把匹配的元素從jQuery對象中刪除，因而可以在將來再使用這些匹配的元素。但除了這個元素本身得以保留之外，其他的比如綁定的事件，附加的資料等都會被移除。

17.detach([expr])

概述

從DOM中刪除所有匹配的元素。

這個方法不會把匹配的元素從jQuery對象中刪除，因而可以在將來再使用這些匹配的元素。與remove()不同的是，所有綁定的事件、附加的資料等都會保留下來。

18.clone([Even[,deepEven]])

概述

複製匹配的DOM元素並且選中這些複製的副本。

在想把DOM文檔中元素的副本添加到其他位置時這個函數非常有用。