jQuery學(xué)習(xí)筆記操作jQuery對(duì)象文檔處理

更新時(shí)間：2012年09月19日 21:10:55 作者：

HTML文檔的層次關(guān)系是樹型的，每個(gè)標(biāo)簽可視為樹的各個(gè)節(jié)點(diǎn)。若操作jQuery對(duì)象，使得HTML文檔的結(jié)構(gòu)發(fā)生了改變，就叫做文檔處理

下面就是一些常用方法，格式為$(selector).方法，其中$(selector)即當(dāng)前選定元素：

移動(dòng)元素

方法	描述
append($(selector))	向當(dāng)前元素的內(nèi)部追加內(nèi)容
appendTo($(selector))	將當(dāng)前元素在某元素內(nèi)部追加。但由于會(huì)根據(jù)需要對(duì)當(dāng)前元素進(jìn)行移動(dòng)，所以jQuery對(duì)象更改了，可用end()還原
prepend($(selector))	向當(dāng)前元素的內(nèi)部前置內(nèi)容
prependTo($(selector))	將當(dāng)前元素在某元素內(nèi)部前置。類似于appendTo()，會(huì)改變對(duì)象
after($(selector))	向當(dāng)前元素之后插入內(nèi)容
insertAfter($(selector))	將當(dāng)前元素插入到某元素之后。類似于appendTo()，會(huì)改變對(duì)象
before($(selector))	向當(dāng)前元素之前插入內(nèi)容
insertBefore($(selector))	將當(dāng)前元素插入到某元素之前。類似于appendTo()，會(huì)改變對(duì)象

添加元素

方法	描述
$(html)	創(chuàng)建生成jQuery對(duì)象。根據(jù)原始HTML代碼字符串，創(chuàng)建指向新元素的jQuery對(duì)象，再利用移動(dòng)方法來(lái)添加到文檔中
clone()	復(fù)制生成jQuery對(duì)象。復(fù)制當(dāng)前選定頁(yè)面元素，生成副本元素的jQuery對(duì)象，同樣利用移動(dòng)方法來(lái)添加到文檔中。而且clone()指向副本，相當(dāng)于更改了jQuery對(duì)象，所以可用一次end()還原到當(dāng)前選定元素；二次end()則徹底還原對(duì)jQuery對(duì)象的更改

替換元素

方法

描述

replaceWith($(selector))

replaceWith($(html))

移動(dòng)頁(yè)面上原有的元素來(lái)替換當(dāng)前選定的頁(yè)面元素，也可以添加新元素來(lái)替換

replaceAll($(selector))

replaceAll($(html))

用當(dāng)前選定的元素來(lái)替換某元素，可以使頁(yè)面上原有元素，也可以是新元素。同樣會(huì)根據(jù)需要復(fù)制當(dāng)前元素副本，從而更改jQuery對(duì)象

包裹元素

方法	描述
wrap($(selector)) wrap($(html))	復(fù)制頁(yè)面上原有的元素來(lái)包裹當(dāng)前選定的元素，也可以添加新元素來(lái)包裹
unwrap()	用來(lái)去除當(dāng)前元素的父元素，但是父元素內(nèi)部的文本內(nèi)容依舊保留
wrapAll($(selector))	復(fù)制頁(yè)面原有元素把所有當(dāng)前選定元素包裹在一起，不同于wrap()分別包裹每個(gè)元素
wrapInner($(selector))	復(fù)制頁(yè)面原有元素把分別包裹每個(gè)當(dāng)前選定元素內(nèi)部的文本和后代元素，不同于wrap()分別包裹每個(gè)元素本身

刪除和清空元素

方法	描述
remove()	刪除當(dāng)前元素，該元素包含的文本內(nèi)容和后代元素會(huì)一起刪除掉，綁定的事件也不復(fù)存在
detach()	同樣是刪除當(dāng)前元素，但是綁定的事件還是存在的
empty()	清空當(dāng)前元素，該元素的文本內(nèi)容和后代元素都將刪除，但保留其本身