JQuery ----文檔處理

1.append(content|fn)html

概述

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

這個操做與對指定的元素執行appendChild方法,將它們添加到文檔中的狀況相似。app

2.appendTo(content)函數

概述

把全部匹配的元素追加到另外一個指定的元素元素集合中。spa

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

3.prepend(content)htm

概述

向每一個匹配的元素內部前置內容對象

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

4.prependTo(content)ip

概述

把全部匹配的元素前置到另外一個、指定的元素元素集合中。

實際上,使用這個方法是顛倒了常規的$(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文檔中元素的副本添加到其餘位置時這個函數很是有用。

相關文章
相關標籤/搜索