選擇符

匹配

*

所有元素

#id

帶有給定ID的元素

element

給定類型的所有元素，比如說html標(biāo)簽

.class

帶有給定類的所有元素

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開始計(jì)數(shù)）

:odd

結(jié)果集中的奇數(shù)元素（從0開始計(jì)數(shù)）

:eq(index)

結(jié)果集中索引為index的元素（從0開始計(jì)數(shù)）

:gt(index)

結(jié)果集中所有位于給定索引之后的元素（從0開始計(jì)數(shù)）

:lt(index)

結(jié)果集中所有位于給定索引之前的元素（從0開始計(jì)數(shù)）

：header

標(biāo)題元素（<h1><h2>）

：animated

其動(dòng)畫正在播放的元素

：contains(text)

包含給定文本text的元素

:empty

不包含子節(jié)點(diǎn)的元素

:has(a)

后代元素中至少有一個(gè)匹配a的元素

:parent

當(dāng)前元素的直接父元素

:hidden

隱藏的元素，包括通過css隱藏以及<input type="hidden" />

:visible

與：hidden匹配的元素相反

[attr]

帶有屬性attr的元素

[attr=value]

attr屬性的值為value的元素

[attr!=value]

attr屬性的值不為value的元素

[attr^=value]

attr屬性的值以value開頭的元素

[attr$=value]

attr屬性的值以value結(jié)尾的元素

[attr*=value]

attr屬性的值包含字符串value的元素

:nth-child(index)

匹配集合中每個(gè)元素的第index個(gè)子元素（從1開始計(jì)數(shù)）

:nth-child(even)

:nth-child(odd)

:nth-child(formula)

Formula是個(gè)公式，格式為an+b，a、b為整數(shù)

:first-child

:last-child

:only-child

: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開始計(jì)數(shù)的第index個(gè)選中元素

.slice(start,[end])

從0開始計(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é)果

事件方法

說明

.ready(fun)

綁定在DOM和CSS完全加載后調(diào)用的處理程序fun

.bind(type,[data],fun)

綁定在給定類型的事件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])

移除前面通過live()綁定到元素上的處理程序

.blur(fun)

失去焦點(diǎn)事件

.change(fun)

當(dāng)前值改變事件

.click(fun)

點(diǎn)擊事件

.dbclick(fun)

雙擊事件

.error(fun)

錯(cuò)誤事件

.focus(fun)

獲取鍵盤焦點(diǎn)事件

.keydown(fun)

獲取鍵盤焦點(diǎn)且有鍵被按下事件

.keypress(fun)

獲取鍵盤焦點(diǎn)且有按鍵事件發(fā)生事件

.keyup(fun)

獲取鍵盤焦點(diǎn)且有鍵被釋放事件

.load(fun)

元素加載完成事件

.mousedown(fun)

按下鼠標(biāo)鍵事件

.mouseenter(fun)

鼠標(biāo)指針進(jìn)入元素事件，不受事件冒泡影響

.mouseleave(fun)

鼠標(biāo)指針離開元素事件，不受事件冒泡影響

.mousemove(fun)

移動(dòng)鼠標(biāo)指針事件

.mouseout(fun)

鼠標(biāo)指針離開事件

.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，離開執(zhí)行l(wèi)eave

.toggle(fun1,fun2)

順序執(zhí)行事件，來回循環(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()

...

效果方法

說明

.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)畫

.animate(attr,options)

動(dòng)畫隊(duì)列

.stop([clearQueue],[jumpToEnd])

停止當(dāng)前播放動(dòng)畫，然后啟動(dòng)排列的動(dòng)畫

.queue()

取得第一個(gè)匹配元素上的動(dòng)畫隊(duì)列

.queue(callback)

動(dòng)畫隊(duì)列最后添加函數(shù)

.queue(newQueue)

新隊(duì)列替換原隊(duì)列

.dequeue()

執(zhí)行隊(duì)列中的下一個(gè)動(dòng)畫

方法

說明

.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è)包含傳入的類，就返回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)部的開頭插入content

.prependTo(selector)

將匹配的元素插入到selector選擇符匹配的元素內(nè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)，可以通過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方法

說明

$.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ù)開始時(shí)調(diào)用fun

.ajaxStart(handler)

綁定當(dāng)任意ajax事務(wù)開始沒有其他事務(wù)還在活動(dòng)時(shí)調(diào)用fun

.ajaxStop(handler)

綁定當(dāng)任意ajax事務(wù)結(jié)束沒有其他事務(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è)查詢字符串

.serializeArray()

將一組表單控件的值編碼為一個(gè)json數(shù)據(jù)結(jié)構(gòu)

$.param(map)

將任意值的映射編碼為一個(gè)查詢字符串

方法或?qū)傩?/p>

說明

$.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)

確定匹配元素是否包含給定的類

.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)在匹配元素集合中的索引值