DIV CSS 佈局教程網

Jquery api 速查表分享
編輯:JQuery特效代碼     

選擇符

匹配

*

所有元素

#id

帶有給定ID的元素

element

給定類型的所有元素,比如說html標簽

.class

帶有給定類的所有元素

a,b

匹配a或者匹配b的元素

a b

作為a後代的匹配b的元素(包括孫子輩的)

a > b

作為a子元素的匹配b的元素(只包括兒子輩)

:first

結果集中的第一個元素

:last

結果集中的最後一個元素

:not(a)

結果集中與a不匹配的所有元素

:even

結果集中的偶數元素(從0開始計數)

:odd

結果集中的奇數元素(從0開始計數)

:eq(index)

結果集中索引為index的元素(從0開始計數)

:gt(index)

結果集中所有位於給定索引之後的元素(從0開始計數)

:lt(index)

結果集中所有位於給定索引之前的元素(從0開始計數)

:header

標題元素(<h1><h2>)

:animated

其動畫正在播放的元素

:contains(text)

包含給定文本text的元素

:empty

不包含子節點的元素

:has(a)

後代元素中至少有一個匹配a的元素

:parent

當前元素的直接父元素

: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結尾的元素

[attr*=value]

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

:nth-child(index)

匹配集合中每個元素的第index個子元素(從1開始計數)

:nth-child(even)

 

匹配集合中每個元素的排在偶數位的子元素(從1開始計數)

 

:nth-child(odd)

 

匹配集合中每個元素的排在奇數位的子元素(從1開始計數)

 

:nth-child(formula)

Formula是個公式,格式為an+b,a、b為整數

: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

選中的復選框和單選按鈕元素

:selected

選中的<option>元素

 

遍歷方法

返回值的jQuery對象包含

.filter(selector)

與給定的選擇符匹配的選中元素

.filter(callback)

回調函數callback返回true的選中元素

.eq(index)

從0開始計數的第index個選中元素

.slice(start,[end])

從0開始計數的給定范圍的選中元素

.not(selector)

與給定的選擇符不匹配的選中元素

.add(selector)

選中元素再加上與給定選擇符匹配的元素

.find(selector)

與給定選擇符匹配的後代元素

.contents

子節點,包括文本節點

.children([selector])

匹配選擇符的子節點

.next([selector])

每個選中元素的下一個匹配選擇符的同輩元素

.nextAll([selector])

每個選中元素之後的所有匹配選擇符的同輩元素

.prev([selector])

每個選中元素的上一個匹配選擇符的同輩元素

.prevAll([selector])

每個選中元素之後的所有匹配選擇符的同輩元素

.siblings([selector])

匹配選擇符的所有同輩元素

.parent([selector])

每個選中元素的匹配選擇符的父元素

.parents([selector])

每個選中元素的匹配選擇符的所有祖先元素

.offsetParent()

第一個選中元素被定位的父元素(用relative或者absolute定位)

.andSelf()

選中元素再加上內部jQuery棧中之前選中的元素

.end()

內部jQuery棧中之前選中的元素

.map(callback)

對每個選中元素調用回調函數callback之後的結果

 

事件方法

說明

.ready(fun)

綁定在DOM和CSS完全加載後調用的處理程序fun

.bind(type,[data],fun)

綁定在給定類型的事件type發送到元素時調用的處理程序fun

.one(type,[data],fun)

fun方法只執行一次

.unbind(type,[fun])

解除元素上綁定的處理程序

.live(type,fun)

綁定當給定事件發送到元素後調用的處理程序,動態生成使用這個

.die(type,[fun])

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

.blur(fun)

失去焦點事件

.change(fun)

當前值改變事件

.click(fun)

點擊事件

.dbclick(fun)

雙擊事件

.error(fun)

錯誤事件

.focus(fun)

獲取鍵盤焦點事件

.keydown(fun)

獲取鍵盤焦點且有鍵被按下事件

.keypress(fun)

獲取鍵盤焦點且有按鍵事件發生事件

.keyup(fun)

獲取鍵盤焦點且有鍵被釋放事件

.load(fun)

元素加載完成事件

.mousedown(fun)

按下鼠標鍵事件

.mouseenter(fun)

鼠標指針進入元素事件,不受事件冒泡影響

.mouseleave(fun)

鼠標指針離開元素事件,不受事件冒泡影響

.mousemove(fun)

移動鼠標指針事件

.mouseout(fun)

鼠標指針離開事件

.mouseover(fun)

鼠標指針進入事件

.mouseup(fun)

鼠標指針釋放事件

.resize(fun)

調整元素大小事件

.scroll(fun)

元素滾動位置改變事件

.select(fun)

文本被選中事件

.submit(fun)

提交事件

.unload(fun)

元素從內存被卸載後調用事件

.hover(enter,leave)

進入執行enter,離開執行leave

.toggle(fun1,fun2)

順序執行事件,來回循環

.trigger(type,[data])

觸發元素事件,並執行該事件默認操作

.triggerHandler(type,[data])

觸發元素事件,不執行該事件默認操作

.blur()

觸發blur事件,下面道理一樣,方法變動

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

滑動顯示或者隱藏

.fadeIn(speed,[callback])

淡入顯示

.fadeOut(speed,[callback])

淡入隱藏

.fadeTo(speed,opacity,[callback])

匹配調整元素的不透明度

.animate(attr,[speed],[easing])

針對指定的css屬性執行自定義動畫

.animate(attr,options)

動畫隊列

.stop([clearQueue],[jumpToEnd])

停止當前播放動畫,然後啟動排列的動畫

.queue()

取得第一個匹配元素上的動畫隊列

.queue(callback)

動畫隊列最後添加函數

.queue(newQueue)

新隊列替換原隊列

.dequeue()

執行隊列中的下一個動畫

 

方法

說明

.attr(key)

獲取屬性key的值

.attr(key,value)

設置屬性key的值為value

.attr(key,fun)

設置屬性key的值為fun函數的返回值

.attr(map)

根據傳入的鍵值對參數設置屬性的值

.removeAttr(key)

移除屬性key

.addClass(class)

添加css樣式

.removeClass(class)

移除css樣式

.toggleClass(class)

不存在就添加,存在就刪除css

.hasClass(class)

匹配元素至少有一個包含傳入的類,就返回true

.html()

取得第一個匹配元素的html內容

.html(value)

將每個匹配元素的html內容設置為傳入的value

.text()

取得所有匹配元素的文本內容,返回一個字符串

.text(value)

設置每個匹配元素的文本內容為value

.val()

取得第一個匹配元素的value屬性的值

.val(value)

設置每個匹配元素的value屬性值為傳入的value

.css(key)

取得css屬性的key的值

.css(key,value)

設置css屬性的key值為傳入的value

.css(map)

根據傳入的鍵值對參數設置css屬性的值

.offset()

取得第一個匹配元素相對於適口的上左坐標值(單位為像素)

.position()

取得第一個匹配元素相對於.offsetParent()返回元素的上、左坐標值

.scrollTop()

取得第一個匹配元素的垂直滾動位置

.scrollTop(value)

設置每個匹配元素的垂直滾動位置為傳入的vlaue

.scrollLeft()

取得第一個匹配元素的水平滾動位置

.scrollLeft(value)

設置每個匹配元素的水平滾動位置為傳入的vlaue

.height()

取得第一個匹配元素的高度

.height(value)

設置每個匹配元素的高度為傳入的value

.width()

取得第一個匹配元素的寬度

.width(value)

設置每個匹配元素的寬度為傳入的value

.innerHeight()

取得第一個匹配元素的包含內邊距但不包含邊框的高度

.innerWidth()

取得第一個匹配元素的包含內邊距但不包含邊框的寬度

.outerHeight(includeMargin)

取得第一個匹配元素的包含內邊距、邊框及可選的外邊距的高度

.outWidth(includeMargin)

取得第一個匹配元素的包含內邊距、邊框及可選的外邊距的寬度

.append(content)

在每個匹配元素內部的末尾插入content

.appendTo(selector)

將匹配的元素插入到selector選擇符匹配的元素內部的末尾

.prepend(content)

在每個匹配元素內部的開頭插入content

.prependTo(selector)

將匹配的元素插入到selector選擇符匹配的元素內部的開頭

.after(content)

在每個匹配元素的後面插入content

.insertAfter(selector)

將匹配元素插入到selector選擇符匹配的元素的後面

.before(content)

在每個匹配元素的前面插入content

.insertBefore(selector)

將匹配元素插入到selector選擇符匹配的元素的前面

.wrap(content)

將匹配的每個元素包裝在content中

.wrapAll(content)

將匹配的所有元素作為一個單元包裝在content中

.wrapInner(content)

將匹配的每個元素內部的內容包裝在content中

.replaceWith(content)

將匹配的元素替換成content

.replaceAll(selector)

將selector選擇符匹配的元素替換成匹配的元素

.empty()

移除每個匹配元素的子節點

.remove([selector])

從dom中移除匹配的節點,可以通過selector篩選

.clone([withHandlers])

返回所有匹配元素的副本

.data(key)

取得與第一個匹配元素關聯的key鍵的數據項

.data(key,value)

設置與每個匹配元素關聯的key鍵的數據項為value

.removeData(key)

移除與每個匹配元素關聯的key鍵的數據項

 

AJAX方法

說明

$.ajax(options)

使用傳入的options生成一次ajax請求

.load(url,[data],[callback])

向傳入的url生成一次ajax請求,然後將響應放入匹配元素

$.get(url,[data],[callback],[returnType])

使用get方法向傳入的url生成一次ajax請求

$.getJSON(url,[data],[callback])

向傳入的url生成一次請求,將響應作為json數據結構解析

$.getScript(url,[callback])

向傳入的url生成一次請求,將響應作為js腳本執行

$.post(url,[data],[callback],[returnType])

使用post方法向傳入的url生成一次ajax請求

.ajaxComplete(handler)

綁定當任意ajax事務完成後調用fun

.ajaxError(handler)

綁定當任意ajax事務發生錯誤時調用fun

.ajaxSend(handler)

綁定當任意ajax事務開始時調用fun

.ajaxStart(handler)

綁定當任意ajax事務開始沒有其他事務還在活動時調用fun

.ajaxStop(handler)

綁定當任意ajax事務結束沒有其他事務還在活動時調用fun

.ajaxSuccess(handler)

綁定當任意ajax事務成功完成時調用的程序

$.ajaxSetup(options)

為後續的ajax事務設置默認選項

.serialize()

將一組表單控件的值編碼為一個查詢字符串

.serializeArray()

將一組表單控件的值編碼為一個json數據結構

$.param(map)

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

 

方法或屬性

說明

$.support

返回一個屬性的映射,表示浏覽器是否支持各種特性和標准

$.each(collection,callback)

迭代遍歷集合,針對集合中的每一項執行回調函數

$.extend(target,addition,...)

擴展target對象,即將後面傳入對象的屬性添加入這個對象

$.makeArray(object)

將對象轉換為一個數組

$.map(array,callback)

針對數組中每一項執行回調函數,返回新數組

$.inArray(value,array)

確定數組array中是否包含值value

$.merge(array1,array2)

合並兩個數組

$.unique(array)

從數組中移除重復的dom元素

$.isFunction(object)

確定對象是否一個函數

$.trim(String)

從字符串末尾移除空白符

$.noConflict([extreme])

讓渡$符號使用權,恢復使用jquery標識符

.hasClass(className)

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

.is(selector)

確定是否有匹配元素與給定的選擇符表達式匹配

.each(callback)

迭代遍歷匹配元素,針對每個元素執行回調函數

.length

取得匹配元素的個數

.get()

取得與匹配元素對應的dom節點的數組

.get(index)

取得匹配元素中與傳入的索引值對應的dom節點

.index(element)

取得給定dom節點在匹配元素集合中的索引值

以上就是給大家匯總的一些些比較實用的資料,可以快速查詢jQuery API,希望對大家能有所幫助

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved