《jQuery語(yǔ)法教程》word版

1、.jQuery語(yǔ)法$selector.actionjQuery 使用 $ 符號(hào)作為 jQuery 的簡(jiǎn)介方式。var jq=jQuery.noConflict，幫助您使用自己的名稱(chēng)比方 jq來(lái)代替 $ 符號(hào)。jQuery 選擇器選擇器實(shí)例選取*$"*"所有元素#id$"#lastname"id="lastname" 的元素.class$".intro"所有 class="intro" 的元素element$"p"所有 <p> 元素.class.class$&quo

2、t;.intro.demo"所有 class="intro" 且 class="demo" 的元素   :first$"p:first"第一個(gè) <p> 元素:last$"p:last"最后一個(gè) <p> 元素:even$"tr:even"所有偶數(shù) <tr> 元素:odd$"tr:odd"所有奇數(shù) <tr> 元素   :eqindex$"ul li:eq

3、3"列表中的第四個(gè)元素index 從 0 開(kāi)場(chǎng):gtno$"ul li:gt3"列出 index 大于 3 的元素:ltno$"ul li:lt3"列出 index 小于 3 的元素:notselector$"input:not:empty"所有不為空的 input 元素   :header$":header"所有標(biāo)題元素 <h1> - <h6>:animated 所有動(dòng)畫(huà)元素   :containstext$&

4、quot;:contains'W3School'"包含指定字符串的所有元素:empty$":empty"無(wú)子元素節(jié)點(diǎn)的所有元素:hidden$"p:hidden"所有隱藏的 <p> 元素:visible$"table:visible"所有可見(jiàn)的表格   s1,s2,s3$"th,td,.intro"所有帶有匹配選擇的元素   attribute$"href"所有帶有 href 屬性的元素attrib

5、ute=value$"href='#'"所有 href 屬性的值等于 "#" 的元素attribute!=value$"href!='#'"所有 href 屬性的值不等于 "#" 的元素attribute$=value$"href$='.jpg'"所有 href 屬性的值包含以 ".jpg" 結(jié)尾的元素   :input$":input"所有 <input> 元素:t

6、ext$":text"所有 type="text" 的 <input> 元素:password$":password"所有 type="password" 的 <input> 元素:radio$":radio"所有 type="radio" 的 <input> 元素:checkbox$":checkbox"所有 type="checkbox" 的 <input> 元素:submit$&qu

7、ot;:submit"所有 type="submit" 的 <input> 元素:reset$":reset"所有 type="reset" 的 <input> 元素:button$":button"所有 type="button" 的 <input> 元素:image$":image"所有 type="image" 的 <input> 元素:file$":file"所有 typ

8、e="file" 的 <input> 元素   :enabled$":enabled"所有激活的 input 元素:disabled$":disabled"所有禁用的 input 元素:selected$":selected"所有被選取的 input 元素:checked$":checked"所有被選中的 input 元素防止文檔在完全加載就緒之前運(yùn)行 jQuery 代碼$document.readyfunction ；jQuery 事件方法描繪bind

9、向匹配元素附加一個(gè)或更多事件處理器blur觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 blur 事件change觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 change 事件click觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 click 事件dblclick觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 double click 事件delegate向匹配元素的當(dāng)前或?qū)?lái)的子元素附加一個(gè)或多個(gè)事件處理器die移除所有通過(guò) live 函數(shù)添加的事件處理程序。error觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 error 事件event.isDefaultPrevented返回 event 對(duì)象上是否調(diào)用了 event.preventDefault。eve

10、nt.pageX相對(duì)于文檔左邊緣的鼠標(biāo)位置。event.pageY相對(duì)于文檔上邊緣的鼠標(biāo)位置。event.preventDefault阻止事件的默認(rèn)動(dòng)作。event.result包含由被指定事件觸發(fā)的事件處理器返回的最后一個(gè)值。event.target觸發(fā)事件的 DOM 元素。event.timeStamp該屬性返回從 1970 年 1 月 1 日到事件發(fā)生時(shí)的毫秒數(shù)。event.type描繪事件的類(lèi)型。event.which指示按了哪個(gè)鍵或按鈕。focus觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 focus 事件keydown觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 key down 事件keypress觸發(fā)、

11、或?qū)⒑瘮?shù)綁定到指定元素的 key press 事件keyup觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 key up 事件live觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 load 事件load觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 load 事件mousedown觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 mouse down 事件mouseenter觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 mouse enter 事件mouseleave觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 mouse leave 事件mousemove觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 mouse move 事件mouseout觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 mouse out 事

12、件mouseover觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 mouse over 事件mouseup觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 mouse up 事件one向匹配元素添加事件處理器。每個(gè)元素只能觸發(fā)一次該處理器。ready文檔就緒事件當(dāng) HTML 文檔就緒可用時(shí)resize觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 resize 事件scroll觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 scroll 事件select觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 select 事件submit觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 submit 事件toggle綁定兩個(gè)或多個(gè)事件處理器函數(shù)，當(dāng)發(fā)生輪流的 click 事件時(shí)執(zhí)行。trigger

13、所有匹配元素的指定事件triggerHandler第一個(gè)被匹配元素的指定事件unbind從匹配元素移除一個(gè)被添加的事件處理器undelegate從匹配元素移除一個(gè)被添加的事件處理器，如今或?qū)?lái)unload觸發(fā)、或?qū)⒑瘮?shù)綁定到指定元素的 unload 事件 jQuery 效果jQuery 隱藏和顯示hide 和 show 兩個(gè)函數(shù)，jQuery 支持對(duì) HTML 元素的隱藏和顯示$selector.hidespeed,callback$selector.showspeed,callbackspeed 參數(shù)規(guī)定顯示或隱藏的速度?？梢栽O(shè)置這些值："slow", "fas

14、t", "normal" 或毫秒jQuery 切換jQuery toggle 函數(shù)使用 show 或 hide 函數(shù)來(lái)切換 HTML 元素的可見(jiàn)狀態(tài)。隱藏顯示的元素，顯示隱藏的元素。$selector.togglespeed,callbackjQuery 滑動(dòng)函數(shù) slideDown, slideUp, slideToggle$selector.slideDownspeed,callback$selector.slideUpspeed,callback$selector.slideTogglespeed,callbackjQuery Fade 函數(shù) fadeIn

15、淡化到給定的不透明程度f(wàn)adeIn“slow,0.2 fadeOut 淡化到消失 fadeTo 淡入效果 適用于通過(guò) jQuery 隱藏的元素$selector.fadeInspeed,callback$selector.fadeOutspeed,callback$selector.fadeTospeed,opacity,callbackjQuery 自定義動(dòng)畫(huà)$selector.animateparams,duration,easing,callback關(guān)鍵的參數(shù)是 params。它定義產(chǎn)生動(dòng)畫(huà)的 CSS 屬性。可以同時(shí)設(shè)置多個(gè)此類(lèi)屬性：animatewidth:"70%"

16、;,opacity:0.4,marginLeft:"0.6in",fontSize:"3em"第二個(gè)參數(shù)是 duration。它定義用來(lái)應(yīng)用到動(dòng)畫(huà)的時(shí)間。它設(shè)置的值是："slow", "fast", "normal" 或毫秒jQuery HTML 操作改變 HTML 內(nèi)容語(yǔ)法$selector.htmlcontenthtml 函數(shù)改變所匹配的 HTML 元素的內(nèi)容innerHTML。添加 HTML 內(nèi)容append 函數(shù)向所匹配的 HTML 元素內(nèi)部追加內(nèi)容。prepend 函數(shù)向所匹配的 HT

17、ML 元素內(nèi)部預(yù)置Prepend內(nèi)容。after 函數(shù)在所有匹配的元素之后插入 HTML 內(nèi)容。before 函數(shù)在所有匹配的元素之前插入 HTML 內(nèi)容。$selector.prependcontentjQuery CSS 函數(shù)$selector.cssname,value 函數(shù) cssname,value 為所有匹配元素的給定 CSS 屬性設(shè)置值$selector.cssproperties函數(shù) cssproperties 同時(shí)為所有匹配元素的一系列 CSS 屬性設(shè)置值：$selector.cssname 函數(shù) cssname 返回指定的 CSS 屬性的值：$selector.csspro

18、perties$"p".css"background-color":"red","font-size":"200%"jQuery Size 操作· $selector.heightvalue 設(shè)置匹配元素的高度· $selector.widthvalue 設(shè)置匹配元素的寬度jQuery AJAX 懇求懇求描繪$selector.loadurl,data,callback把遠(yuǎn)程數(shù)據(jù)加載到被選的元素中$.ajaxoptions把遠(yuǎn)程數(shù)據(jù)加載到 XML Request 對(duì)象中$.geturl,data,callback,type使用 GET 來(lái)加載遠(yuǎn)程數(shù)據(jù)$.posturl,data,ca