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