【正文】 ablesorter 插件 (表格排序 ) 這個(gè)表格排序插件能讓我們?cè)诳蛻舳税茨骋涣羞M(jìn)行排序，引入 jQuery 和這個(gè)插件的 js 文件，然后告訴插件你想要哪個(gè)表格擁有排序功能。 })。)。 }, 39。, opacity: 39。 }, function() { $(.stuff).animate({ height: 39。slow39。hide39。hide39。 })。)。 }, function() { $(.stuff).show(39。slow39。$(img ).slideDown(slow)39。 })39。 Opacity 為最終顯示的透明度 (01). img src=/br a href= onClick=39。 })39。 fadeIn(speed, callback) fadeOut(speed, callback) callback為 函數(shù)，先通過調(diào)整透明度來顯示或隱藏匹配對(duì)象，當(dāng)調(diào)整結(jié)束后執(zhí)行 callback函數(shù) img src=/ a href= onClick=39。$(img ).fadeIn(slow)39。$(img).toggle(slow)39。 show(speed) 以一定的速度顯示匹配對(duì)象，其大小（長(zhǎng)寬）和透明度都由 0 逐漸變化到正常 hide(speed, callback) show(speed, callback) 當(dāng)顯示和隱藏變化結(jié)束后執(zhí)行函數(shù)callback toggle() toggle(speed) 如果當(dāng)前匹配對(duì)象隱藏，則顯示他們，如果當(dāng)前是顯示的，就隱藏， toggle(speed),其大?。ㄩL(zhǎng)寬）和透明度都隨之逐漸變化。 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。 })。 })。 })。 })。 $.extend(settings, options)。 執(zhí)行后 settings 對(duì)象為 { validate: true, limit: 5, name: bar } 可以用下面函數(shù)來測(cè)試 $(function(){ var settings = { validate: false, limit: 5, name: foo }。 var options = { validate: true, name: bar }。 分別將 0， 1， 2為參數(shù)，傳入到 function(i)中 $.each({ name: John, lang: JS }, function(i){ alert( Name: + i + , Value: + this )。} }) 當(dāng)頁面載入式判斷瀏覽器類型，可判斷的類型有 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 )。最終效果是 p id=b style=color:redtest/p 四 ： JavaScript 處理 $.browser() 判斷瀏覽器類型，返回 boolen 值 $(function(){ if($.) { alert(這是一個(gè) IE 瀏覽器 )。 最終效果是 p id=b style=background:blue。 $(a).background(“red”)將該對(duì)象的 background 樣式設(shè)為 red jQuery 提供了以下方法，來操作 css background () background (val) color() color(val) css(name) css(prop) css(key, value) float() float(val) height() height(val) width() 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。 } 運(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)。 } 返回 attr (prop) 為第一個(gè)匹配對(duì)象的設(shè)置屬性， prop 為 hash 對(duì)象，用于為某對(duì)象批量添加眾多屬性 img/a href= onclick=js()jQuery/a jQuery 代碼及功能： function js(){ $(img).attr({ src: , alt: Test Image })。 } $(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())。 pone/pp id=atwo/p a href= onclick=js()jQuery/a jQuery 代碼及功能： function js(){ alert($(p).not((a)).html())。 alert($(p).next(.selected).html())。 大家可以用 $(a).is(div)。 is(expr) 判斷對(duì)象是否符合表達(dá)式 ,返回 boolen 值 pHello/pp id=aHello Again/pp class=selectedAnd Again/p Query 代碼及功能： function jq(){ alert($(a).is(p))。所有 $(p).contains(test)返回 [ pThis is just a test./p ] end() 結(jié)束操作 ,返回到匹配元素清單上操作前的狀態(tài) . filter(expr) filter(exprs) 過濾現(xiàn)實(shí)匹配符合表達(dá)式的對(duì)象 exprs 為數(shù)組，注意添加“[ ]” pHello/ppHello Again/pp class=selectedAnd Again/p jQuery 代碼及功能： function jq(){ alert($(p).filter(.selected).html()) } $(p)得到三個(gè)對(duì)象， $(p).contains(test)只返回 class 為 selected 的對(duì)象。參照 children 幫助理解 contains(str) 返回匹配對(duì)象中包含 字符串 str的對(duì)象 pThis is just a test./ppSo is this/p jQuery 代碼及功能： function jq(){ alert($(p).contains(test).html())。 } $(ch).children()得到對(duì)象 [ spantwo/span ].所以 .html()的結(jié)果是 ”two” children(expr) 返回匹配對(duì)象的子介點(diǎn)中符合表達(dá)式的節(jié)點(diǎn) div id=ch spantwo/span span id=spthree/span /div jQuery 代碼及功能 function jq(){ alert($(ch).children(“sp”).html())。} } 第一個(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，依次類推下去。i $(f).size()。 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()。i++){ alert($(f).eq(i).html())。 pHello/ppspanHello Again/span/p jQuery 代碼及功能： function jq(){ var f=$(p).add([(a), (b)]) for(var i=0。 $(p).add((a))。} } 執(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]。i $(f).size()。 } 執(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)。content39。wrap39。/div)。 } 執(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)部且開始出插入 通過下面例子區(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