【正文】 after(elems) 將指定對(duì)象 elem 或?qū)ο蠼M elems 插入到在匹配元素后 p id=testafter/pa href= onClick=jq()jQuery/ a jQuery 代碼及功能 function jq(){ $(a).after($(test))。下面我們來(lái)講 jQuery 提供的眾多jQuery 方法，方便大家快速對(duì) DOM 對(duì)象進(jìn)行操作 herf() herf(val) 說(shuō)明：對(duì) jQuery 對(duì)象屬性 herf 的操作。 } 運(yùn)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)，兩次彈出 alert 對(duì)話框分別顯示 0， 1 size() Length 說(shuō)明：當(dāng)前匹配對(duì)象的數(shù)量，兩者等價(jià) 例子： 未執(zhí)行 jQuery 前： img src=/ img src=/ a href= id=test onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ alert($(img).length)。)))。 } 運(yùn)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)， img 標(biāo)簽的 src 都變成了 。 $(obj) 說(shuō)明：復(fù)制一個(gè) jQuery 對(duì)象， 參數(shù)： obj (jQuery): 要復(fù)制的 jQuery 對(duì)象 例子： 未執(zhí)行 jQuery 前： pone/p div ptwo/ p /div pthree/ p a href= id=test onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ var f = $(div)。 } 運(yùn)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)，隱藏 form1 表單中的所有元素。 } 運(yùn)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)，彈出對(duì)話框文字為 two，即 div 標(biāo)簽下 p 元素的內(nèi)容 function jq(){ $(divpHello/p/div).appendTo(body)。 })。 })。 } 運(yùn)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)，向 body 中添加 “divpHello/p/div” $(elem) 說(shuō)明：限制 jQuery 作用于一個(gè)特定的 dom元素，這個(gè)函數(shù)也接受 xml 文檔和 windows 對(duì)象 參數(shù)： elem：通過(guò) jQuery 對(duì)象壓縮的 DOM 元素 例子： 未執(zhí)行 jQuery 前： pone/p div ptwo/p /divpthree/p a href= id=test onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ alert($(document).find(div p).html())。 $(fn) 說(shuō)明： $(document).ready()的一個(gè)速記方式，當(dāng)文檔全部載入時(shí)執(zhí)行函數(shù)。 alert($(f).find(p).html()) } 運(yùn)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)，彈出對(duì)話框文字為 two，即 div 標(biāo)簽下 p 元素的內(nèi)容。 eq(pos) 說(shuō)明：減少匹配對(duì)象到一個(gè)單獨(dú)得 dom元素 參數(shù)： pos (Number): 期望限制的索引，從 0 開(kāi)始 例子： 未執(zhí)行 jQuery 前： pThis is just a test./p pSo is this/p a href= id=test onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ alert($(p).eq(1).html()) } 運(yùn)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)， alert 對(duì)話框顯示： So is this，即第二個(gè) p標(biāo)簽的內(nèi)容 get() get(num) 說(shuō)明：獲取匹配元素， get(num)返回匹配元素中的某一個(gè)元素 參數(shù)： get (Number): 期望限制的索引，從 0 開(kāi)始 例子： 未執(zhí)行 jQuery 前： pThis is just a test./p pSo is this/p a href= id=test onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ alert($(p).get(1).innerHTML)。 alert($(div).index((39。 } 運(yùn)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)，彈出 alert 對(duì)話框顯示 2，表示找到兩個(gè)匹配對(duì)象 jQuery 使用手冊(cè) 二： DOM 操作 屬性 我們 以 img id=a scr=/為 例 ，在 原始的 javascript 里面 可以 用 var o=(39。 例子： 未執(zhí)行 jQuery 前 a href= id=test onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ alert($(test).href())。 } 執(zhí)行后相當(dāng)于 a href= onClick=jq()jQuery/ap id=testafter/ p append(html)在匹配元素內(nèi)部，且末尾插入指定 html a href= id=test onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ $(test).append(bHello/ b)。 } 執(zhí)行后相當(dāng)于 div id=test/diva href= onClick=jq()jQuery/a insertAfter(expr) insertBefore(expr) 按照官方的解釋和我的幾個(gè)簡(jiǎn)單 測(cè)試 insertAfter(expr) 相當(dāng)于before(elem),insertBefore(expr)相當(dāng)于 after (elem) prepend (html) prepend (elem) prepend (elems) 在匹配元素的內(nèi)部且開(kāi)始出插入 通過(guò)下面例子區(qū)分 append(elem) appendTo(expr) prepend (elem) p id=ap/p divdiv/div 執(zhí)行 $(a).append($(div)) 后相當(dāng)于 p id=a P divdiv/div /p 執(zhí)行 $(a).appendTo($(div)) 后 相當(dāng)于 div div p id=ap/p /div 執(zhí)行 $(a).prepend ($(div)) 后 相當(dāng)于 p id=a divdiv/div P /p remove() 刪除匹配對(duì)象 注意區(qū)分 empty()， empty()移出匹配對(duì)象的子節(jié)點(diǎn)， remove()，移出匹配對(duì)象 wrap(htm) 將匹配對(duì)象包含在給出的 html代碼內(nèi) pTest Paragraph./p a href= onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ $(p).wrap(div class=39。wrap39。 } 執(zhí)行后相當(dāng)于 div id=contentpTest Paragraph./p/div 遍歷、組合 add(expr) 在原對(duì)象的基礎(chǔ)上在附加符合指定表 達(dá)式的 jquery 對(duì)象 pHello/ppspanHello Again/span/p a href= onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ var f=$(p).add(span)。} } 執(zhí)行 $(p)得到匹配 p的對(duì)象，有兩個(gè)， add(span)是在 (p)的基礎(chǔ)上加上匹配 span 的對(duì)象，所有一共有 3個(gè)，從上面的函數(shù)運(yùn)行結(jié)果可以看到 $(p).add(span)是 3個(gè)對(duì)象的集合，分別是 [pHello/p] ， [pspanHello Again/span/p] ，[spanHello Again/span]。 pHello/ppspanHello Again/span/p jQuery 代碼及功能： function jq(){ var f=$(p).add([(a), (b)]) for(var i=0。 ancestors () 一依次以匹配結(jié)點(diǎn)的父節(jié)點(diǎn)的內(nèi)容為對(duì)象 ,根節(jié)點(diǎn)除外（有點(diǎn)不好理解，看看下面例子就明白了） div pone/ p span utwo/ u /span /div jQuery 代碼及功能： function jq(){ var f= $(u).ancestors()。} } 第一個(gè)對(duì)象是以 u的父節(jié)點(diǎn)的內(nèi)容為對(duì)象， [ utwo/u ] 第 一 個(gè) 對(duì) 象 是 以 u 的 父 節(jié) 點(diǎn) 的 父 節(jié) 點(diǎn) （ div ） 的 內(nèi) 容 為 對(duì) 象 ，[pone/pspanutwo/u/span ] 一般一個(gè)文檔還有 body和 html，依次類(lèi)推下去。參照 children 幫助理解 contains(str) 返回匹配對(duì)象中包含 字符串 str的對(duì)象 pThis is just a test./ppSo is this/p jQuery 代碼及功能： function jq(){ alert($(p).contains(test).html())。 is(expr) 判斷對(duì)象是否符合表達(dá)式 ,返回 boolen 值 pHello/pp id=aHello Again/pp class=selectedAnd Again/p Query 代碼及功能： function jq(){ alert($(a).is(p))。 alert($(p).next(.selected).html())。 } $(p)由兩個(gè)對(duì)象，排除后的對(duì)象為 [pone/p ] siblings () siblings (expr) jquery 匹配對(duì)象中其它兄弟級(jí)別的對(duì) 象 pone/p div p id=atwo/p /div a href= onclick=js()jQuery/a jQuery 代碼及功能： function js(){ alert($(div).siblings().eq(1).html())。 } 運(yùn)行結(jié)果相當(dāng)于 img src=/ removeAttr (name) 將第 一個(gè)匹配對(duì)象的某個(gè)屬性移出 img alt=test/a href= onclick=js()jQuery/a jQuery 代碼及功能： function js(){ $(img). removeAttr(alt)。 最終效果是 p id=b style=background:blue。} }) 當(dāng)頁(yè)面載入式判斷瀏覽器類(lèi)型，可判斷的類(lèi)型有 msie、 mozilla、 opera、 safari $.each(obj, fn) obj為對(duì)象或數(shù)組， fn為在 obj上依次執(zhí)行的函數(shù)，注意區(qū)分 $().each() $.each( [0,1,2], function(i){ alert( Item + i + : + this )。 var options = { validate: true, name: bar }。 $.extend(settings, options)。 })。 })。 show(speed) 以一定的速度顯示匹配對(duì)象，其大?。ㄩL(zhǎng)寬）和透明度都由 0 逐漸變化到正常 hide(speed, callback) show(speed, callback) 當(dāng)顯示和隱藏變化結(jié)束后執(zhí)行函數(shù)callback toggle() toggle(speed) 如果當(dāng)前匹配對(duì)象隱藏，則顯示他們，如果當(dāng)前是顯示的，就隱藏， toggle(s