【正文】 width(val) left() left(val) overflow() overflow(val) position() position(val) top() top(val) 這里需要講解一下 css(name) css(prop) css(key, value)，其他的看名字都知道什么作用了！ div id=a style=background:blue。 分別將 0， 1， 2為參數(shù)，傳入到 function(i)中 $.each({ name: John, lang: JS }, function(i){ alert( Name: + i + , Value: + this )。 })。 hide() 隱藏匹配對(duì)象 p id=aHello Again/pa href= onClick=’ (a).hide()’jQuery/a 當(dāng)點(diǎn)擊連接時(shí) ,id 為 a 的對(duì)象的 display 變?yōu)?none。 fadeIn(speed, callback) fadeOut(speed, callback) callback為 函數(shù)，先通過(guò)調(diào)整透明度來(lái)顯示或隱藏匹配對(duì)象，當(dāng)調(diào)整結(jié)束后執(zhí)行 callback函數(shù) img src=/ a href= onClick=39。$(img ).slideDown(slow)39。 })。 }, function() { $(.stuff).animate({ height: 39。 })。,39。 5. 可選的 l:創(chuàng)建一個(gè)默認(rèn)的初始參數(shù)配置 ,這些配置也可以由用戶自行設(shè)定 ,如 : = function(options) { var settings = { value: 5, name: pete, bar: 655 }。 // or, to uncheck = false。]).check()。 break。 break。]).check(39。 $(input[type=39。 } // ... // rest of the code // ... return this。 i = 5。))。 （譯者 Keel 注：這個(gè)在線實(shí)例從國(guó)內(nèi)訪問(wèn)還是比較慢的，點(diǎn)擊后要等一會(huì)兒才能看到結(jié)果，可以考慮對(duì)它進(jìn)行修改，比如加上 loading，投票后加上再投票的返回鏈接等。 請(qǐng)注意 addClickHandlers 函數(shù)是作為一個(gè)本地變量定義的，而不是全局變量 (如：function addClickHandlers() {...})，這樣做是為了防止與其他的全局變量或者函數(shù)相沖突。 // if you need the context of the original handler, use apply: $(39。 為了測(cè)試一下這些選擇器，我們來(lái)試著在我們 中選擇并修改第一個(gè) ordered list. 一開(kāi)始，我們需要選擇 這個(gè) list 本身，這個(gè) list 有一個(gè) ID叫 “orderedlist”，通常的 javascript 寫(xiě)法是 (orderedlist).在 jQuery 中，我們這樣做： $(document).ready(function() { $(orderedlist).addClass(red)。 }, function() { $(this).removeClass(green)。 })。xxx39。 })。 這個(gè)代碼選擇了所有的 li 元素，然后去除了沒(méi)有 ul 子元素的 li 元素。 $(document).ready(function() { $(li).not([ul]).css(border, 1px solid black)。如果你有一個(gè)以上的 form，你可以這樣做： $(document).ready(function() { // use this to reset several forms at once $(reset).click(function() { $(form).each(function() { ()。xxx39。 你可以在 Visual jQuery 找到全部的事件列表，在 Events 欄目下。 現(xiàn)在我們?cè)僮鰝€(gè)復(fù)雜一點(diǎn)的，當(dāng)把鼠標(biāo)放在 li 對(duì)象上面和移開(kāi)時(shí)進(jìn)行樣式切換，但只在 list 的最后一個(gè) element 上生效。 感興趣的鏈接： ? jQuery AJAX Module ? jQuery API: Contains description and examples for append and all other jQuery methods ? ThickBox: A jQuery plugin that uses jQuery to enhance the famous lightbox 下一篇 : 前一篇 : posted by Keel 6:10 PM 0 ments 20201210 jQuery 中文入門(mén)指南，翻譯加實(shí)例， jQuery 的起點(diǎn)教程 (二 ) 三 .Find me:使用選擇器和事件 jQuery 提供兩種方式來(lái)選擇 html 的 elements，第一種是用 CSS 和 Xpath 選擇器聯(lián)合起來(lái)形成一個(gè)字符串來(lái)傳送到 jQuery 的構(gòu)造器（如： $(div ul a)）；第二種是用 jQuery 對(duì)象的幾個(gè) methods(方法 )。).click( function(event) { handler(foobar)。 })。 這是一個(gè)比較粗糙的例子，更完美的例子可以訪問(wèn) 點(diǎn)擊 Kurz bewerten!。 // output result $(rating).html((39。 $(document).ready(function() { // generate markup var ratingMarkup = [Please rate: ]。 var settings = { url: // put more defaults here // remember to put a ma (,) after each pair, but not after the last one! }。off39。 $(input[type=39。toggle39。on39。 這個(gè)插件現(xiàn)在可以這樣用 : $(input[type=39。checkbox39。 你現(xiàn)在可以在 你的插件中使用這些幫助函數(shù)了 : = function() { // do something (value)。 這個(gè)表格還可以加一些突出顯示的效果，我們可以做這樣一個(gè)隔行背景色效果 : $(document).ready(function() { $(large).tableSorter({ stripingRowClass: [39。)。slow39。)。 })39。$(img ).fadeIn(slow)39。 })。 $.extend(settings, options)。} }) 當(dāng)頁(yè)面載入式判斷瀏覽器類型，可判斷的類型有 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 )。 } 運(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)。 alert($(p).next(.selected).html())。參照 children 幫助理解 contains(str) 返回匹配對(duì)象中包含 字符串 str的對(duì)象 pThis is just a test./ppSo is this/p jQuery 代碼及功能： function jq(){ alert($(p).contains(test).html())。 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()。} } 執(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]。wrap39。 } 執(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)行：當(dāng)點(diǎn)擊 id 為 test 的元素時(shí)，彈出 alert 對(duì)話框顯示 2，表示找到兩個(gè)匹配對(duì)象 jQuery 使用手冊(cè) 二： DOM 操作 屬性 我們 以 img id=a scr=/為 例 ，在 原始的 javascript 里面 可以 用 var o=(39。 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)。 $(fn) 說(shuō)明： $(document).ready()的一個(gè)速記方式，當(dāng)文檔全部載入時(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)。 $(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 代碼及功能： fu