選擇符css |
匹配html |
*jquery |
全部元素ajax |
#idjson |
帶有給定ID的元素數組 |
element瀏覽器 |
給定類型的全部元素,好比說html標籤數據結構 |
.classapp |
帶有給定類的全部元素dom |
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節點在匹配元素集合中的索引值 |