【正文】 Paragraph./p a href= onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ $(p).wrap(div class=39。 } 執(zhí)行后相當(dāng)于 p id=testaftera href= onClick=jq()jQuery/a /p clone() 復(fù)制一個(gè) jQuery 對(duì)象 p id=testafter/pa href= onClick=jq()jQuery/ a jQuery 代碼及功能： function jq(){ $(test).clone().appendTo($(a))。 } 執(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)。 } 運(yùn)行：先彈出對(duì)話框顯示 id 為 test 的連接 url，在將其 url改為 ，當(dāng)彈出對(duì)話框后會(huì)看到轉(zhuǎn)向到 同理， jQuery 還提供類似的其他方法，大家可以 分別試驗(yàn)一下： herf() herf(val) html() html(val) id() id (val) name() name (val) rel() rel (val) src() src (val) title() title (val) val() val(val) 操作 after(html) 在匹配元素后插入一段 html a href= id=test onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ $(test).after(bHello/b)。 例子： 未執(zhí)行 jQuery 前 a href= id=test onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ alert($(test).href())。)取的 id 為 a 的節(jié)點(diǎn)對(duì)象，在用 來(lái)取得或修改該節(jié)點(diǎn)的 scr屬性，在 jQuery 里 $(a)將得到 jQuery 對(duì)象 [ img id=a scr=/ ]，然后可以用 jQuery 提 供 的 很 多 方 法 來(lái) 進(jìn) 行 操 作 ， 如 $(a).scr() 將得到,$(a).scr()將該對(duì)象 src 屬性改為 1,jpg。 } 運(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。)))。 alert($(div).index((39。test139。 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($(f).find(p).html()) } 運(yùn)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)，彈出對(duì)話框文字為 two，即 div 標(biāo)簽下 p 元素的內(nèi)容。 }) 運(yùn)行：當(dāng)文檔載入時(shí)背景變成黑色，相當(dāng)于 onLoad。 $(fn) 說(shuō)明： $(document).ready()的一個(gè)速記方式，當(dāng)文檔全部載入時(shí)執(zhí)行函數(shù)。 } 運(yùn)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)，背景色變成黑色 $(elems) 說(shuō)明：限制 jQuery 作用于一組特定的 DOM 元素 參數(shù)： elem：一組通過(guò) jQuery 對(duì)象壓縮的 DOM 元素 例子： 未執(zhí)行 jQuery 前： form id=form1 input type=text name=textfield input type=submit name=Submit value=提交 /form a href= id=test onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ $( ).hide()。 } 運(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())。 在進(jìn)行下面內(nèi)容之前我還要說(shuō)明一點(diǎn) $(p)和 $(p)的區(qū)別 ,$(p)表示取所有 p 標(biāo)簽(p/p)的元素 ,$(p)表示取 id為 p(span id=p/span)的元素 . 我將從以下幾個(gè)內(nèi)容來(lái)講解 jQuery 的使用 : 1:核心部分 2:DOM 操作 3:css 操作 4:javascript 處理 5:動(dòng)態(tài)效果 6:event 事件 7:ajax支持 8:插 件程序 一：核心部分 $(expr) 說(shuō)明：該函數(shù)可以通過(guò) css 選擇器， Xpath 或 html代碼來(lái)匹配目標(biāo)元素，所有的 jQuery 操作都以此為基礎(chǔ) 參數(shù)： expr：字符串，一個(gè)查詢表達(dá)式或一段 html字符串 例子： 未執(zhí)行 jQuery 前： pone/p div ptwo/p /div pthree/p a href= id=test onClick=jq() jQuery/a jQuery 代碼及功能： function jq(){ alert($(div p).html())。 })。 jQuery 使用手冊(cè) 翻譯整理： 官方網(wǎng)站： jQuery 是一款同 prototype 一樣優(yōu)秀 js 開(kāi)發(fā)庫(kù)類，特別是對(duì) css 和 XPath 的支持，使我們寫(xiě) js 變得更加方便！如果你不是個(gè) js 高手又想寫(xiě)出優(yōu) 秀的 js 效果， jQuery 可以幫你達(dá)到目的！ 下載地址： Starterkit （ jQuery Downloads （ 下載完成后先加載到文檔中，然后我們來(lái)看個(gè)簡(jiǎn)單的例子！ script language=javascript type=text/javascript $(document).ready(function(){ $(a).click(function() { alert(Hello world!)。 })。 script 上邊的效果是點(diǎn)擊文檔中所有 a 標(biāo)簽時(shí)將彈出對(duì)話框， $(a) 是一個(gè) jQuery 選擇器， $本身表示一個(gè) jQuery 類，所有 $()是構(gòu)造一個(gè) jQuery 對(duì)象， click()是這個(gè)對(duì)象的方法，同理$(document)也是一個(gè) jQuery 對(duì)象， ready(fn)是 $(document)的方法，表示當(dāng) document全部下載完畢時(shí)執(zhí)行函數(shù)。 } 運(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í)，彈出對(duì)話框文字為 two，即 div 標(biāo)簽下 p 元素的內(nèi)容 function jq(){ $().background(black)。 } 運(yùn)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)，隱藏 form1 表單中的所有元素?？梢杂卸鄠€(gè) $(fn)當(dāng)文檔載入時(shí)，同時(shí)執(zhí)行所有函數(shù)！ 參數(shù)： fn (Function):當(dāng)文檔載入時(shí)執(zhí)行的函數(shù)！ 例子： $( function(){ $().background(black)。 $(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)。 each(fn) 說(shuō)明：將函數(shù)作用于所有匹配的對(duì)象上 參數(shù)： fn (Function): 需要執(zhí)行的函數(shù) 例子： 未執(zhí)行 jQuery 前： img src=/ img src=/ a href= id=test onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ $(img).each(function(){ = 。 } 運(yùn)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)， img 標(biāo)簽的 src 都變成了 。 } 運(yùn)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)， alert 對(duì)話框顯示： So is this，即第二個(gè) p標(biāo)簽的內(nèi)容 注意 get 和 eq的區(qū)別， eq 返回的是 jQuery 對(duì)象， get 返回的是所匹配的 dom 對(duì)象，所有取 $(p).eq(1)對(duì)象的內(nèi)容用 jQuery 方法 html()，而取 $(p).get(1)的內(nèi)容用innerHTML index(obj) 說(shuō)明：返回對(duì)象索引 參數(shù)： obj (Object): 要查找的對(duì)象 例子： 未執(zhí)行 jQuery 前： div id=test1/div div id=test2/div a href= id=test onClick=jq()jQuery/a jQuery 代碼及功能： function jq(){ alert($(div).index((39。)))。test239。 } 運(yùn)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)，兩次彈出 alert 對(duì)話框分別顯示 0， 1 size() Length 說(shuō)明：當(dāng)前匹配對(duì)象的數(shù)量，兩者等價(jià) 例子： 未執(zhí)行 jQuery