Jquery api 速查表分享
選擇符 |
匹配 |
* |
所有元素 |
#id |
帶有給定ID的元素 |
element |
給定類(lèi)型的所有元素,比如說(shuō)html標(biāo)簽 |
.class |
帶有給定類(lèi)的所有元素 |
a,b |
匹配a或者匹配b的元素 |
a b |
作為a后代的匹配b的元素(包括孫子輩的) |
a > b |
作為a子元素的匹配b的元素(只包括兒子輩) |
:first |
結(jié)果集中的第一個(gè)元素 |
:last |
結(jié)果集中的最后一個(gè)元素 |
:not(a) |
結(jié)果集中與a不匹配的所有元素 |
:even |
結(jié)果集中的偶數(shù)元素(從0開(kāi)始計(jì)數(shù)) |
:odd |
結(jié)果集中的奇數(shù)元素(從0開(kāi)始計(jì)數(shù)) |
:eq(index) |
結(jié)果集中索引為index的元素(從0開(kāi)始計(jì)數(shù)) |
:gt(index) |
結(jié)果集中所有位于給定索引之后的元素(從0開(kāi)始計(jì)數(shù)) |
:lt(index) |
結(jié)果集中所有位于給定索引之前的元素(從0開(kāi)始計(jì)數(shù)) |
:header |
標(biāo)題元素(<h1><h2>) |
:animated |
其動(dòng)畫(huà)正在播放的元素 |
:contains(text) |
包含給定文本text的元素 |
:empty |
不包含子節(jié)點(diǎn)的元素 |
:has(a) |
后代元素中至少有一個(gè)匹配a的元素 |
:parent |
當(dāng)前元素的直接父元素 |
:hidden |
隱藏的元素,包括通過(guò)css隱藏以及<input type="hidden" /> |
:visible |
與:hidden匹配的元素相反 |
[attr] |
帶有屬性attr的元素 |
[attr=value] |
attr屬性的值為value的元素 |
[attr!=value] |
attr屬性的值不為value的元素 |
[attr^=value] |
attr屬性的值以value開(kāi)頭的元素 |
[attr$=value] |
attr屬性的值以value結(jié)尾的元素 |
[attr*=value] |
attr屬性的值包含字符串value的元素 |
:nth-child(index) |
匹配集合中每個(gè)元素的第index個(gè)子元素(從1開(kāi)始計(jì)數(shù)) |
:nth-child(even) |
匹配集合中每個(gè)元素的排在偶數(shù)位的子元素(從1開(kāi)始計(jì)數(shù))
|
:nth-child(odd) |
匹配集合中每個(gè)元素的排在奇數(shù)位的子元素(從1開(kāi)始計(jì)數(shù))
|
:nth-child(formula) |
Formula是個(gè)公式,格式為an+b,a、b為整數(shù) |
:first-child |
匹配集合中每個(gè)元素的第一個(gè)子元素
|
:last-child |
匹配集合中每個(gè)元素的最后一個(gè)子元素
|
:only-child |
匹配集合中每個(gè)元素的惟一子元素,如果不唯一,則不執(zhí)行
|
:input |
所有<input><select><textarea>和<button>元素 |
:text |
Type=“text”的<input>元素 |
:password |
Type=“password”的<input>元素 |
:radio |
Type=“radio”的<input>元素 |
:checkbox |
Type=“checkbox”的<input>元素 |
:submit |
Type=“submit”的<input>元素 |
:image |
Type=“image”的<input>元素 |
:reset |
Type=“reset”的<input>元素 |
:button |
Type=“button”的<input>元素及<button>元素 |
:file |
Type=“file”的<input>元素 |
:enabled |
啟用的表單元素 |
:disabled |
禁用的表單元素 |
:checked |
選中的復(fù)選框和單選按鈕元素 |
:selected |
選中的<option>元素 |
遍歷方法 |
返回值的jQuery對(duì)象包含 |
.filter(selector) |
與給定的選擇符匹配的選中元素 |
.filter(callback) |
回調(diào)函數(shù)callback返回true的選中元素 |
.eq(index) |
從0開(kāi)始計(jì)數(shù)的第index個(gè)選中元素 |
.slice(start,[end]) |
從0開(kāi)始計(jì)數(shù)的給定范圍的選中元素 |
.not(selector) |
與給定的選擇符不匹配的選中元素 |
.add(selector) |
選中元素再加上與給定選擇符匹配的元素 |
.find(selector) |
與給定選擇符匹配的后代元素 |
.contents |
子節(jié)點(diǎn),包括文本節(jié)點(diǎn) |
.children([selector]) |
匹配選擇符的子節(jié)點(diǎn) |
.next([selector]) |
每個(gè)選中元素的下一個(gè)匹配選擇符的同輩元素 |
.nextAll([selector]) |
每個(gè)選中元素之后的所有匹配選擇符的同輩元素 |
.prev([selector]) |
每個(gè)選中元素的上一個(gè)匹配選擇符的同輩元素 |
.prevAll([selector]) |
每個(gè)選中元素之后的所有匹配選擇符的同輩元素 |
.siblings([selector]) |
匹配選擇符的所有同輩元素 |
.parent([selector]) |
每個(gè)選中元素的匹配選擇符的父元素 |
.parents([selector]) |
每個(gè)選中元素的匹配選擇符的所有祖先元素 |
.offsetParent() |
第一個(gè)選中元素被定位的父元素(用relative或者absolute定位) |
.andSelf() |
選中元素再加上內(nèi)部jQuery棧中之前選中的元素 |
.end() |
內(nèi)部jQuery棧中之前選中的元素 |
.map(callback) |
對(duì)每個(gè)選中元素調(diào)用回調(diào)函數(shù)callback之后的結(jié)果 |
事件方法 |
說(shuō)明 |
.ready(fun) |
綁定在DOM和CSS完全加載后調(diào)用的處理程序fun |
.bind(type,[data],fun) |
綁定在給定類(lèi)型的事件type發(fā)送到元素時(shí)調(diào)用的處理程序fun |
.one(type,[data],fun) |
fun方法只執(zhí)行一次 |
.unbind(type,[fun]) |
解除元素上綁定的處理程序 |
.live(type,fun) |
綁定當(dāng)給定事件發(fā)送到元素后調(diào)用的處理程序,動(dòng)態(tài)生成使用這個(gè) |
.die(type,[fun]) |
移除前面通過(guò)live()綁定到元素上的處理程序 |
.blur(fun) |
失去焦點(diǎn)事件 |
.change(fun) |
當(dāng)前值改變事件 |
.click(fun) |
點(diǎn)擊事件 |
.dbclick(fun) |
雙擊事件 |
.error(fun) |
錯(cuò)誤事件 |
.focus(fun) |
獲取鍵盤(pán)焦點(diǎn)事件 |
.keydown(fun) |
獲取鍵盤(pán)焦點(diǎn)且有鍵被按下事件 |
.keypress(fun) |
獲取鍵盤(pán)焦點(diǎn)且有按鍵事件發(fā)生事件 |
.keyup(fun) |
獲取鍵盤(pán)焦點(diǎn)且有鍵被釋放事件 |
.load(fun) |
元素加載完成事件 |
.mousedown(fun) |
按下鼠標(biāo)鍵事件 |
.mouseenter(fun) |
鼠標(biāo)指針進(jìn)入元素事件,不受事件冒泡影響 |
.mouseleave(fun) |
鼠標(biāo)指針離開(kāi)元素事件,不受事件冒泡影響 |
.mousemove(fun) |
移動(dòng)鼠標(biāo)指針事件 |
.mouseout(fun) |
鼠標(biāo)指針離開(kāi)事件 |
.mouseover(fun) |
鼠標(biāo)指針進(jìn)入事件 |
.mouseup(fun) |
鼠標(biāo)指針釋放事件 |
.resize(fun) |
調(diào)整元素大小事件 |
.scroll(fun) |
元素滾動(dòng)位置改變事件 |
.select(fun) |
文本被選中事件 |
.submit(fun) |
提交事件 |
.unload(fun) |
元素從內(nèi)存被卸載后調(diào)用事件 |
.hover(enter,leave) |
進(jìn)入執(zhí)行enter,離開(kāi)執(zhí)行l(wèi)eave |
.toggle(fun1,fun2) |
順序執(zhí)行事件,來(lái)回循環(huán) |
.trigger(type,[data]) |
觸發(fā)元素事件,并執(zhí)行該事件默認(rèn)操作 |
.triggerHandler(type,[data]) |
觸發(fā)元素事件,不執(zhí)行該事件默認(rèn)操作 |
.blur() |
觸發(fā)blur事件,下面道理一樣,方法變動(dòng) |
.change() |
... |
.click() |
... |
.dbclick() |
... |
.error() |
... |
.focus() |
... |
.keydown() |
... |
.keypress() |
... |
.keyup() |
... |
.select() |
... |
.submit() |
... |
效果方法 |
說(shuō)明 |
.show() |
顯示 |
.hide() |
隱藏 |
.show(speed,[callback]) |
顯示速度 |
.hide(speed,[callback]) |
隱藏速度 |
.toggle(speed,[callback]) |
顯示或者隱藏 |
.slideDown(speed,[callback]) |
滑入顯示 |
.slideUp(speed,[callback]) |
滑出顯示 |
.slideToggle(speed,[callback]) |
滑動(dòng)顯示或者隱藏 |
.fadeIn(speed,[callback]) |
淡入顯示 |
.fadeOut(speed,[callback]) |
淡入隱藏 |
.fadeTo(speed,opacity,[callback]) |
匹配調(diào)整元素的不透明度 |
.animate(attr,[speed],[easing]) |
針對(duì)指定的css屬性執(zhí)行自定義動(dòng)畫(huà) |
.animate(attr,options) |
動(dòng)畫(huà)隊(duì)列 |
.stop([clearQueue],[jumpToEnd]) |
停止當(dāng)前播放動(dòng)畫(huà),然后啟動(dòng)排列的動(dòng)畫(huà) |
.queue() |
取得第一個(gè)匹配元素上的動(dòng)畫(huà)隊(duì)列 |
.queue(callback) |
動(dòng)畫(huà)隊(duì)列最后添加函數(shù) |
.queue(newQueue) |
新隊(duì)列替換原隊(duì)列 |
.dequeue() |
執(zhí)行隊(duì)列中的下一個(gè)動(dòng)畫(huà) |
方法 |
說(shuō)明 |
.attr(key) |
獲取屬性key的值 |
.attr(key,value) |
設(shè)置屬性key的值為value |
.attr(key,fun) |
設(shè)置屬性key的值為fun函數(shù)的返回值 |
.attr(map) |
根據(jù)傳入的鍵值對(duì)參數(shù)設(shè)置屬性的值 |
.removeAttr(key) |
移除屬性key |
.addClass(class) |
添加css樣式 |
.removeClass(class) |
移除css樣式 |
.toggleClass(class) |
不存在就添加,存在就刪除css |
.hasClass(class) |
匹配元素至少有一個(gè)包含傳入的類(lèi),就返回true |
.html() |
取得第一個(gè)匹配元素的html內(nèi)容 |
.html(value) |
將每個(gè)匹配元素的html內(nèi)容設(shè)置為傳入的value |
.text() |
取得所有匹配元素的文本內(nèi)容,返回一個(gè)字符串 |
.text(value) |
設(shè)置每個(gè)匹配元素的文本內(nèi)容為value |
.val() |
取得第一個(gè)匹配元素的value屬性的值 |
.val(value) |
設(shè)置每個(gè)匹配元素的value屬性值為傳入的value |
.css(key) |
取得css屬性的key的值 |
.css(key,value) |
設(shè)置css屬性的key值為傳入的value |
.css(map) |
根據(jù)傳入的鍵值對(duì)參數(shù)設(shè)置css屬性的值 |
.offset() |
取得第一個(gè)匹配元素相對(duì)于適口的上左坐標(biāo)值(單位為像素) |
.position() |
取得第一個(gè)匹配元素相對(duì)于.offsetParent()返回元素的上、左坐標(biāo)值 |
.scrollTop() |
取得第一個(gè)匹配元素的垂直滾動(dòng)位置 |
.scrollTop(value) |
設(shè)置每個(gè)匹配元素的垂直滾動(dòng)位置為傳入的vlaue |
.scrollLeft() |
取得第一個(gè)匹配元素的水平滾動(dòng)位置 |
.scrollLeft(value) |
設(shè)置每個(gè)匹配元素的水平滾動(dòng)位置為傳入的vlaue |
.height() |
取得第一個(gè)匹配元素的高度 |
.height(value) |
設(shè)置每個(gè)匹配元素的高度為傳入的value |
.width() |
取得第一個(gè)匹配元素的寬度 |
.width(value) |
設(shè)置每個(gè)匹配元素的寬度為傳入的value |
.innerHeight() |
取得第一個(gè)匹配元素的包含內(nèi)邊距但不包含邊框的高度 |
.innerWidth() |
取得第一個(gè)匹配元素的包含內(nèi)邊距但不包含邊框的寬度 |
.outerHeight(includeMargin) |
取得第一個(gè)匹配元素的包含內(nèi)邊距、邊框及可選的外邊距的高度 |
.outWidth(includeMargin) |
取得第一個(gè)匹配元素的包含內(nèi)邊距、邊框及可選的外邊距的寬度 |
.append(content) |
在每個(gè)匹配元素內(nèi)部的末尾插入content |
.appendTo(selector) |
將匹配的元素插入到selector選擇符匹配的元素內(nèi)部的末尾 |
.prepend(content) |
在每個(gè)匹配元素內(nèi)部的開(kāi)頭插入content |
.prependTo(selector) |
將匹配的元素插入到selector選擇符匹配的元素內(nèi)部的開(kāi)頭 |
.after(content) |
在每個(gè)匹配元素的后面插入content |
.insertAfter(selector) |
將匹配元素插入到selector選擇符匹配的元素的后面 |
.before(content) |
在每個(gè)匹配元素的前面插入content |
.insertBefore(selector) |
將匹配元素插入到selector選擇符匹配的元素的前面 |
.wrap(content) |
將匹配的每個(gè)元素包裝在content中 |
.wrapAll(content) |
將匹配的所有元素作為一個(gè)單元包裝在content中 |
.wrapInner(content) |
將匹配的每個(gè)元素內(nèi)部的內(nèi)容包裝在content中 |
.replaceWith(content) |
將匹配的元素替換成content |
.replaceAll(selector) |
將selector選擇符匹配的元素替換成匹配的元素 |
.empty() |
移除每個(gè)匹配元素的子節(jié)點(diǎn) |
.remove([selector]) |
從dom中移除匹配的節(jié)點(diǎn),可以通過(guò)selector篩選 |
.clone([withHandlers]) |
返回所有匹配元素的副本 |
.data(key) |
取得與第一個(gè)匹配元素關(guān)聯(lián)的key鍵的數(shù)據(jù)項(xiàng) |
.data(key,value) |
設(shè)置與每個(gè)匹配元素關(guān)聯(lián)的key鍵的數(shù)據(jù)項(xiàng)為value |
.removeData(key) |
移除與每個(gè)匹配元素關(guān)聯(lián)的key鍵的數(shù)據(jù)項(xiàng) |
AJAX方法 |
說(shuō)明 |
$.ajax(options) |
使用傳入的options生成一次ajax請(qǐng)求 |
.load(url,[data],[callback]) |
向傳入的url生成一次ajax請(qǐng)求,然后將響應(yīng)放入匹配元素 |
$.get(url,[data],[callback],[returnType]) |
使用get方法向傳入的url生成一次ajax請(qǐng)求 |
$.getJSON(url,[data],[callback]) |
向傳入的url生成一次請(qǐng)求,將響應(yīng)作為json數(shù)據(jù)結(jié)構(gòu)解析 |
$.getScript(url,[callback]) |
向傳入的url生成一次請(qǐng)求,將響應(yīng)作為js腳本執(zhí)行 |
$.post(url,[data],[callback],[returnType]) |
使用post方法向傳入的url生成一次ajax請(qǐng)求 |
.ajaxComplete(handler) |
綁定當(dāng)任意ajax事務(wù)完成后調(diào)用fun |
.ajaxError(handler) |
綁定當(dāng)任意ajax事務(wù)發(fā)生錯(cuò)誤時(shí)調(diào)用fun |
.ajaxSend(handler) |
綁定當(dāng)任意ajax事務(wù)開(kāi)始時(shí)調(diào)用fun |
.ajaxStart(handler) |
綁定當(dāng)任意ajax事務(wù)開(kāi)始沒(méi)有其他事務(wù)還在活動(dòng)時(shí)調(diào)用fun |
.ajaxStop(handler) |
綁定當(dāng)任意ajax事務(wù)結(jié)束沒(méi)有其他事務(wù)還在活動(dòng)時(shí)調(diào)用fun |
.ajaxSuccess(handler) |
綁定當(dāng)任意ajax事務(wù)成功完成時(shí)調(diào)用的程序 |
$.ajaxSetup(options) |
為后續(xù)的ajax事務(wù)設(shè)置默認(rèn)選項(xiàng) |
.serialize() |
將一組表單控件的值編碼為一個(gè)查詢(xún)字符串 |
.serializeArray() |
將一組表單控件的值編碼為一個(gè)json數(shù)據(jù)結(jié)構(gòu) |
$.param(map) |
將任意值的映射編碼為一個(gè)查詢(xún)字符串 |
方法或?qū)傩?/p> |
說(shuō)明 |
$.support |
返回一個(gè)屬性的映射,表示瀏覽器是否支持各種特性和標(biāo)準(zhǔn) |
$.each(collection,callback) |
迭代遍歷集合,針對(duì)集合中的每一項(xiàng)執(zhí)行回調(diào)函數(shù) |
$.extend(target,addition,...) |
擴(kuò)展target對(duì)象,即將后面?zhèn)魅雽?duì)象的屬性添加入這個(gè)對(duì)象 |
$.makeArray(object) |
將對(duì)象轉(zhuǎn)換為一個(gè)數(shù)組 |
$.map(array,callback) |
針對(duì)數(shù)組中每一項(xiàng)執(zhí)行回調(diào)函數(shù),返回新數(shù)組 |
$.inArray(value,array) |
確定數(shù)組array中是否包含值value |
$.merge(array1,array2) |
合并兩個(gè)數(shù)組 |
$.unique(array) |
從數(shù)組中移除重復(fù)的dom元素 |
$.isFunction(object) |
確定對(duì)象是否一個(gè)函數(shù) |
$.trim(String) |
從字符串末尾移除空白符 |
$.noConflict([extreme]) |
讓渡$符號(hào)使用權(quán),恢復(fù)使用jquery標(biāo)識(shí)符 |
.hasClass(className) |
確定匹配元素是否包含給定的類(lèi) |
.is(selector) |
確定是否有匹配元素與給定的選擇符表達(dá)式匹配 |
.each(callback) |
迭代遍歷匹配元素,針對(duì)每個(gè)元素執(zhí)行回調(diào)函數(shù) |
.length |
取得匹配元素的個(gè)數(shù) |
.get() |
取得與匹配元素對(duì)應(yīng)的dom節(jié)點(diǎn)的數(shù)組 |
.get(index) |
取得匹配元素中與傳入的索引值對(duì)應(yīng)的dom節(jié)點(diǎn) |
.index(element) |
取得給定dom節(jié)點(diǎn)在匹配元素集合中的索引值 |
以上就是給大家匯總的一些些比較實(shí)用的資料,可以快速查詢(xún)jQuery API,希望對(duì)大家能有所幫助
- jQuery EasyUI API 中文幫助文檔和擴(kuò)展實(shí)例
- 不同的jQuery API來(lái)處理不同的瀏覽器事件
- jQuery EasyUI API 中文文檔 - TreeGrid 樹(shù)表格使用介紹
- jQuery EasyUI API 中文文檔 - Tree樹(shù)使用介紹
- jQuery EasyUI API 中文文檔 - PropertyGrid屬性表格
- jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格
- jQuery EasyUI API 中文文檔 - Dialog對(duì)話(huà)框
- jQuery EasyUI API 中文文檔 - TimeSpinner時(shí)間微調(diào)器
- Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
- jquery.combobox中文api和例子,修復(fù)了上面的小bug
- 如jQuery般易用的api風(fēng)格代碼分享
- jQuery validate 中文API 附validate.js中文api手冊(cè)
- jQuery EasyUI 中文API Layout(Tabs)
- jQuery EasyUI 中文API Button使用實(shí)例
- jquery 1.4.2發(fā)布!主要是性能與API
- jquery中有哪些api jQuery主要API
相關(guān)文章
jQuery插件之jQuery.Form.js用法實(shí)例分析(附demo示例源碼)
這篇文章主要介紹了jQuery插件之jQuery.Form.js用法,結(jié)合實(shí)例形式分析了jQuery.Form.js的具體使用技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-01-01基于jQuery實(shí)現(xiàn)列表循環(huán)滾動(dòng)小技巧(超簡(jiǎn)單)
只要能夠不停地把第一個(gè)item移動(dòng)到末尾,其余的自會(huì)往上填補(bǔ)空缺,填補(bǔ)的過(guò)程用動(dòng)畫(huà)放慢些,就能有不斷滾動(dòng)的視覺(jué)效果了,這種效果基于jquery怎么實(shí)現(xiàn)呢?下面小編給大家?guī)?lái)了jQuery列表循環(huán)滾動(dòng)效果的實(shí)現(xiàn)思路代碼,一起看看吧2021-08-08基于jquery鼠標(biāo)點(diǎn)擊其它地方隱藏層的實(shí)例代碼
基于jquery鼠標(biāo)點(diǎn)擊其它地方隱藏層的實(shí)例代碼,需要的朋友可以參考下。2011-01-01基于jquery實(shí)現(xiàn)即時(shí)檢查格式是否正確的表單
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)即時(shí)檢查格式是否正確的表單具體代碼,感興趣的小伙伴們可以參考一下2016-05-05jquery ui bootstrap 實(shí)現(xiàn)自定義風(fēng)格
本文主要是給大家分享了jQuery UI bootstrap的自定義風(fēng)格,以及自定義的方法,非常的實(shí)用,有需要的小伙伴千萬(wàn)不要錯(cuò)過(guò)2014-11-11