# 函數速查表 | 序號 | 方法 | 描述 | | --- | --- | --- | | 1 | charAt() | 返回字符指定索引。 | | 2 | concat() | 結合兩個字符串的文本并返回一個新的字符串。 | | 3 | forEach() | 為數組中的每個元素調用一個函數。 | | 4 | indexOf() | 返回調用字符串中的索引對象中首次出現的指定的值，如果沒有找到則返回-1。 | | 5 | length() | 返回字符串的長度。 | | 6 | pop() | 刪除數組中最后一個元素并返回這個元素。 | | 7 | ush() | 在數組末尾添加一個或多個元素并返回這個數組的新的長度。 | | 8 | reverse() | 反轉數組中元素的順序——即第一個元素變成最后一個，最后一個元素變成第一個元素。 | | 9 | sort() | 將數組中的元素進行分類。 | | 10 | substr() | 通過指定的字符的數量，返回字符串中指定位置的字符。 | | 11 | toLowerCase() | 返回轉換為小寫的調用字符串值。 | | 12 | toString() | 返回數字值的字符串表示。 | | 13 | toUpperCase() | 返回轉換為大寫的調用字符串值。 | | | | | | | 選擇器 | | | | | | | 1 | $(’*’) | 該選擇器選出文檔中所有的元素。 | | 2 | $(“p>*”) | 該選擇器選擇出段落元素的所有子元素。 | | 3 | $("#specialID") | 該選擇器函數獲取id="specialID"的元素。 | | 4 | $(".specialClass") | 該選擇器獲取帶有specialClass類的所有元素。 | | 5 | $(“li:not(.myclass)”) | 選擇出與`<li>`匹配并且不帶有class="myclass"類的所有元素。 | | 6 | $(“a#specialID.specialClass”) | 該選擇器與id為specialID的鏈接匹配并且帶有specialClass類。 | | 7 | $(“pa.specialClass”) | 該選擇器與帶有specialClass類的鏈接匹配并且該類在 元素內聲明。 | | 8 | $(“ulli:first”) | 該選擇器獲取`<ul>`的第一個`<li>`元素。 | | 9 | $("#containerp") | 選擇與`<p>`匹配并且是帶有containerid元素的后代的全部元素。 | | 10 | $(“li>ul”) | 選擇與`<ul>`匹配并且是與`<li>`匹配的元素的孩子的全部元素。 | | 11 | $(“strong+em”) | 選擇與`<em>`匹配并且緊跟一個與`<strong>`匹配的兄弟元素的全部元素。 | | 12 | $(“p~ul”) | 選擇與`<ul>`匹配并且后面有一個與`<p>`匹配的兄弟元素的全部元素。 | | 13 | $(“code,em,strong”) | 選擇所有與`<code>`或`<em>`或`<strong>`匹配的元素。 | | 14 | $(“pstrong,.myclass”) | 選擇與`<strong>`匹配并且是與`<p>`匹配的元素的后代，同樣所有的元素都要有myclass類的全部元素。 | | 15 | $(":empty") | 選擇出所有沒有孩子的元素。 | | 16 | $(“p:empty”) | 選擇出所有與`<p>`匹配并且沒有孩子的元素。 | | 17 | $(“div[p]”) | 選擇出與`<div>`匹配并且包含一個與`<p>`匹配的元素的所有元素。 | | 18 | $(“p[.myclass]”) | 選擇出與`<p>`匹配并且包含一個帶有myclass類的元素的所有元素。 | | 19 | $(“a[@rel]”) | 選擇出與`<a>`匹配并且帶有rel屬性的全部元素。 | | 20 | $(“input[@name=myname]”) | 選擇出所有與`<input>`匹配并且name值恰好等于myname的元素。 | | 21 | $(“input[@name^=myname]”) | 選擇出所有與`<input>`匹配并且name值以myname開始的元素。 | | 22 | $(“a[@rel|$=self]”) | 選擇出所有與`<a>`匹配并且帶有以self結尾的rel屬性值的元素。 | | 23 | $(“a[@href*=[domain.com](http://domain.com/)]”) | 選擇出所有與`<a>`并且帶有一個包含domain.com的超鏈接值的元素。 | | 24 | $(“li:even”) | 選擇出與`<li>`匹配并且帶有一個even索引值的全部元素。 | | 25 | $(“tr:odd”) | 選擇出與`<tr>`匹配并且有odd索引值的全部元素。 | | 26 | $(“li:first”) | 選擇出第一個`<li>`元素。 | | 27 | $(“li:last”) | 選擇出最后一個`<li>`元素。 | | 28 | $(“li:visible”) | 選擇出與`<li>`匹配并且可見的全部元素。 | | 29 | $(“li:hidden”) | 選擇出與`<li>`匹配并且不可見的全部元素。 | | 30 | $(":radio") | 選擇出表單中全部的單選按鈕。 | | 31 | $(":checked") | 選擇出表單中全部的復選框。 | | 32 | $(":input") | 只選擇表單元素(輸入，選擇，文本區，按鈕)。 | | 33 | $(":text") | 只選擇文本元素(input[type=text])。 | | 34 | $(“li:eq(2)”) | 選擇第三個`<li>`元素。 | | 36 | $(“li:lt(2)”) | 選擇第三個之前的與`<li>`元素匹配的所有元素；換句話說，也就說前兩個`<li>`元素。 | | 37 | $(“p:lt(3)”) | 選擇第四個之前的與`<p>`元素匹配的全部元素；換句話說，也就是前三個`<p>`元素。 | | 38 | $(“li:gt(1)”) | 選擇第二個之后的與`<li>`匹配的全部元素。 | | 39 | $(“p:gt(2)”) | 選擇第三個之后與`<p>`匹配的全部元素。 | | 40 | $(“div/p”) | 選擇與`<p>`匹配并且是與`<div>`匹配的元素的孩子的全部元素。 | | 41 | $(“div//code”) | 選擇與`<code>`匹配并且是與`<div>`匹配的元素的后代的全部元素。 | | 42 | $("//p//a") | 選擇與`<a>`匹配并且是與`<p>`匹配的元素后代的全部元素。 | | 43 | $(“li:first-child”) | 選擇與`<li>`匹配并且是它們父親的第一個孩子的全部元素。 | | 44 | $(“li:last-child”) | 選擇與`<li>`匹配并且是它們父親的最后一個孩子的全部元素。 | | 45 | $(":parent") | 選擇出是另一個元素的父親的全部元素，包括文本。 | | 46 | $(“li:contains(second)”) | 選擇與`<li>`匹配并且包含文本second的全部元素。 | | | | | | | 屬性 | | | | | | | 1 | attr(properties) | 設置鍵/值對象作為全部可匹配的元素的屬性。 | | 2 | attr(key,fn) | 為所有可匹配的元素設置一個單個的屬性為可計算的值。 | | 3 | removeAttr(name) | 從每一個可匹配的元素中刪除一個屬性。 | | 4 | hasClass(class) | 如果指定的類出現在至少一個可匹配的元素集合中，返回true。 | | 5 | removeClass(class) | 從可匹配的元素集合中刪除全部或指定的類。 | | 6 | toggleClass(class) | 如果指定的類不存在，那么添加指定的類；如果指定的類存在，那么刪除它。 | | 7 | html() | 獲取第一個匹配元素的html內容(innerHTML)。 | | 8 | html(val)> | 設置每一個可匹配元素的html內容。 | | 9 | text() | 獲取所有可匹配元素的組合的文本內容。 | | 10 | text(val) | 設置所有可匹配元素的文本內容。 | | 11 | val() | 獲取第一個可匹配元素的輸入值。 | | 12 | val(val) | 如果可匹配元素在`<input>`中調用，那么設置每個可匹配元素的屬性值，但是如果可匹配元素在`<select>`中使用傳遞的`<option>`值調用，那么傳遞的選項就會被選中，如果可匹配元素在復選框或單選框中調用，那么所有匹配的復選框或單選框會被選中。 | | | | | | | DOM過濾 | | | 1 | eq(index) | 將一個匹配的元素集合減小為一個單個的元素。 | | 2 | filter(selector) | 從匹配的元素集合中刪除與指定的選擇器不匹配的元素。 | | 3 | filter(fn) | 從匹配的元素集合中刪除與指定的函數不匹配的元素。 | | 4 | is(selector) | 檢查表達式的當前選擇，如果選項中至少有一個元素符合給定的選擇器，那么返回true。 | | 5 | map(callback) | 將jQuery對象中的一組元素轉換成jQuery數組中的另一組值(該數組可能包含也可能不包含元素)。 | | 6 | not(selector) | 從可匹配元素的集合中刪除與指定的選擇器相匹配的元素。 | | 7 | slice(start,[end]) | 選取可匹配元素的子集。 | | | | | | | DOM遍歷 | | | | | | | 1 | add(selector) | 在匹配的元素集合中添加更多的與給定的選擇器相匹配的元素。 | | 2 | andSelf() | 將先前的選擇添加到當前的選擇中。 | | 3 | children([selector]) | 獲取一個元素集合，包含每個可匹配元素集合的唯一的直接的全部孩子元素。 | | 4 | closest(selector) | 獲取一個元素集合，包含與指定的選擇器相匹配的最近的父親元素，包括起始元素。 | | 5 | contents() | 在匹配的元素(包括文本節點)中找到所有的孩子節點，如果元素是一個iframe，那么在內容文檔中找到所有的孩子節點。 | | 6 | end() | 恢復最近的’破壞性’操作，將匹配的元素集合設置為它之前的狀態。 | | 7 | find(selector) | 搜索與指定的選擇器匹配的后代元素。 | | 8 | next([selector]) | 獲取一個元素集合，包含給定元素集合的唯一的下一個兄弟元素。 | | 9 | nextAll([selector]) | 找到當前元素之后的所有兄弟元素。 | | 10 | offsetParent() | 返回一個jQuery集合以及第一個匹配元素的父親的定位。 | | 11 | parent([selector]) | 獲取一個元素的直接父親。如果在一組元素中調用，父元素會返回一組它們唯一直接父親元素的集合。 | | 12 | parents([selector]) | 得到一個元素集合，包含匹配元素集合的唯一的祖先元素(根元素除外)。 | | 13 | prev([selector]) | 得到一個元素集合，包含匹配元素集合的唯一的先前的兄弟元素。 | | 14 | prevAll([selector]) | 找到當前元素之前的所有兄弟元素。 | | 15 | siblings([selector]) | 獲取一個元素集合，包含每個可匹配元素集合的全部唯一的兄弟元素。 | | | | | | | CSS | | | | | | | 1 | css(name) | 返回第一個匹配元素的樣式屬性。 | | 2 | css(name,value) | 在所有匹配的元素中，將一個樣式屬性設置為一個值。 | | 3 | css(properties) | 設置一個鍵/值對象作為所有匹配元素的樣式屬性。 | | 4 | height(val) | 設置每個匹配元素的CSS高。 | | 5 | height() | 獲取當前計算的第一個匹配元素的像素，高。 | | 6 | innerHeight() | 獲取第一個匹配元素的內部高(不包括邊界，包括填充)。 | | 7 | innerWidth() | 獲取第一個匹配元素的內部寬(不包括邊界，包括填充)。 | | 8 | offset() | 獲取第一個匹配元素的相對于文檔的當前偏移量，以像素為單位。 | | 9 | offsetParent() | 返回一個jQuery集合以及第一個匹配元素的父元素的定位。 | | 10 | outerHeight([margin]) | 獲取第一個匹配元素的外部高(默認包括邊界和填充)。 | | 11 | outerWidth([margin]) | 獲取第一個匹配元素的外部寬(默認包括邊界和填充)。 | | 12 | position() | 獲取一個元素相對于其父元素偏移量的頂端和左端的位置。 | | 13 | scrollLeft(val) | 當傳遞進一個值時，所有匹配元素的滾動左偏移值就會被設置為傳遞進的那個值。 | | 14 | scrollLeft() | 獲取第一個匹配元素的滾動左偏移值。 | | 15 | scrollTop(val) | 當傳遞進一個值時，所有匹配元素的滾動頂偏移值就會被設置為傳遞進的那個值。 | | 16 | scrollTop() | 獲取第一個匹配元素的滾動頂偏移值。 | | 17 | width(val) | 為每個匹配元素設置CSS寬。 | | 18 | width() | 獲取當前可計算的第一個匹配元素的寬，以像素為單位。 | | | | | | | DOM操作 | | | | | | | 1 | after(content) | 在每一個匹配元素之后插入內容 | | 2 | append(content) | 在每一個匹配元素內部添加內容。 | | 3 | appendTo(selector) | 將所有匹配元素添加到另一個指定的元素組中。 | | 4 | before(content) | 在每個匹配的元素之前插入內容。 | | 5 | clone(bool) | 克隆匹配的DOM元素以及所有的事件處理程序，并選擇克隆項。 | | 6 | clone() | 克隆匹配的DOM元素并選擇克隆項。 | | 7 | empty() | l從匹配的元素集合中刪除所有的孩子節點。 | | 8 | html(val) | 設置每個匹配元素的html內容。 | | 9 | html() | 獲取第一個匹配元素的html內容(內部HTML)。 | | 10 | insertAfter(selector) | 將所有的匹配元素插入到另一個指定的元素集合之后。 | | 11 | insertBefore(selector) | 將所有匹配的元素插入到另一個指定的元素集合之前。 | | 12 | prepend(content) | 將內容前置到每個匹配元素的內部。 | | 13 | prependTo(selector) | 將所有匹配元素前置到另一個指定的元素集合中。 | | 14 | remove(expr) | 從DOM中刪除所有的匹配元素。 | | 15 | replaceAll(selector) | 用匹配的元素替換與指定的選擇器相匹配的元素。 | | 16 | replaceWith(content) | 用指定的HTML或DOM元素代替所有的匹配元素。 | | 17 | text(val) | 設置所有匹配元素的文本內容。 | | 18 | text() | 獲取所有匹配元素的組合的文本內容。 | | 19 | wrap(elem) | 用指定的元素包裝每個匹配的元素。 | | 20 | wrap(html) | 用指定的HTML內容包裝每個匹配的元素。 | | 21 | wrapAll(elem) | 將匹配的集合中的全部元素包裝到一個單獨的元素中。 | | 22 | wrapAll(html) | 將匹配的集合中的全部元素包裝到一個單獨的元素中。 | | 23 | wrapInner(elem) | 用DOM元素包裝每個匹配元素(包括文本節點)的內部孩子內容。 | | 24 | wrapInner(html) | 用HTML結構包裝每個匹配元素(包括文本節點)的內部孩子內容。 | | | | | | | 事件處理 | | | | | | | 1 | blur | 當元素失去關注時會出現。 | | 2 | change | 當元素發生改變時出現。 | | 3 | click | 當鼠標點擊時出現。 | | 4 | dblclick | 當鼠標雙擊時出現。 | | 5 | error | 當有錯誤在下載或卸載等時出現。 | | 6 | focus | 當元素獲取關注時出現。 | | 7 | keydown | 當按下鍵盤時出現。 | | 8 | keypress | 當鍵盤被按下并被釋放時出現。 | | 9 | keyup | 當鍵盤被釋放時出現。 | | 10 | load | 當文檔被下載后出現。 | | 11 | mousedown | 按下鼠標按鈕后出現。 | | 12 | mouseenter | 當鼠標進入元素區域時出現。 | | 13 | mouseleave | 當鼠標離開元素區域時出現。 | | 14 | mousemove | 當鼠標指針移動時出現。 | | 15 | mouseout | 當鼠標指針移動一個元素時出現。 | | 16 | mouseover | 當鼠標指針移開一個元素時出現。 | | 17 | mouseup | 釋放鼠標按鈕時出現。 | | 18 | resize | 調整窗口大小時出現。 | | 19 | scroll | 滾動窗口時出現。 | | 20 | select | 選中文本時出現。 | | 21 | submit | 提交表單時出現。 | | 22 | unload | 卸載文檔時出現。 | | | | | | | 事件屬性 | | | | | | | 1 | altKey | 當事件觸發時，如果Alt鍵被按下去，該屬性設置為true，如果沒有則設置為false。Alt鍵在大多數Mac鍵盤上是標簽選項。 | | 2 | ctrlKey | 當事件觸發時，如果Ctrl鍵被按下去，該屬性設置為true，如果沒有則設置為false。 | | 3 | data | 當處理程序建好后，任何值都會作為第二個參數傳遞給bind()命令。 | | 4 | keyCode | 對于keyup和keydown事件，該屬性會返回鍵被按下去了。 | | 5 | metaKey | 當事件觸發時，如果Meta鍵被按下去，該屬性設置為true。在PC上，Meta是Ctrl鍵，而在Macs上，它是Command鍵。 | | 6 | pageX | 對于鼠標事件，指定了原始頁面的相關事件的水平坐標。 | | 7 | pageY | 對于鼠標事件，指定了原始頁面的相關事件的豎直坐標。 | | 8 | relatedTarget | 對于一些鼠標事件，當事件觸發時，識別了光標離開或進入的元素。 | | 9 | screenX | 對于鼠標事件，指定了原始屏幕的相關事件的水平坐標。 | | 10 | screenY | 對于鼠標事件，指定了原始屏幕的相關事件的豎直坐標。 | | 11 | shiftKey | 當事件觸發時，如果Shift鍵被按下，該屬性設置為true，如果沒有則設置為false。 | | 12 | target | 識別要觸發的事件的元素。 | | 13 | timeStamp | 創建事件時的時間戳(以毫秒為單位)。 | | 14 | type | 對于所有的事件來說，指定了要觸發的事件類型(例如，點擊)。 | | 15 | which | 對于鍵盤事件來說，指定了引發事件的鍵的數字代碼，對于鼠標事件來說，指定了哪一個按鈕被按下(1是左鍵，2是中間鍵，3是右鍵)。 | | | | | | | 事件方法 | | | | | | | 1 | preventDefault() | 阻止瀏覽器執行默認操作。 | | 2 | isDefaultPrevented() | 返回event.preventDefault()是否曾經在該事件對象中調用過。 | | 3 | stopPropagation() | 停止向父元素bubbing事件，阻止通知任何父處理程序這一事件。 | | 4 | isPropagationStopped() | 返回event.stopPropagation()是否曾經在該事件對象中調用過。 | | 5 | stopImmediatePropagation() | 阻止其余的處理程序執行。 | | 6 | isImmediatePropagationStopped() | 返回event.stopImmediatePropagation()是否曾經在該事件對象中調用過。 | | | | | | | 事件處理方法 | | | | | | | 1 | bind(type,[data],fn) | 為每個匹配的元素將一個處理程序捆綁到一個或多個事件上(如點擊)。也可以捆綁自定義事件。 | | 2 | off(events[,selector][,handler(eventObject)]) | 該方法實現的是live的對立面，它刪除了捆綁的live事件。 | | 3 | hover(over,out) | 模擬徘徊，例如將鼠標移動到一個對象上，并將鼠標從該對象上移開。 | | 4 | on(events[,selector][,data],handler) | 為所有當前的?以及之后的?匹配元素將一個處理程序捆綁到一個事件上(如點擊)。也可以捆綁自定義事件。 | | 5 | one(type,[data],fn) | 為每個匹配的元素將一個處理程序綁定到一個或多個要被執行的事件上。 | | 6 | ready(fn) | 當DOM準備好要被遍歷或者操作時，綁定一個要被執行的函數。 | | 7 | trigger(event,[data]) | 在每個匹配的元素上觸發一個事件。 | | 8 | triggerHandler(event,[data]) | 在一個元素上觸發全部綁定的事件處理程序。 | | 9 | unbind([type],[fn]) | 該方法實現綁定相反的操作，它從每個匹配的元素中刪除綁定的事件。 | | | | | | | AJAX方法 | | | | | | | 1 | jQuery.ajax(options) | 使用一個HTTP請求加載一個遠程頁面。 | | 2 | jQuery.ajaxSetup(options) | 為AJAX請求設置全局設置。 | | 3 | jQuery.get(url,[data],[callback],[type]) | 使用一個HTTPGET請求加載一個遠程頁面。 | | 4 | jQuery.getJSON(url,[data],[callback]) | 使用一個HTTPGET請求加載JSON數據。 | | 5 | jQuery.getScript(url,[callback]) | 使用一個HTTPGET請求加載并執行一個JavaScript文件。 | | 6 | jQuery.post(url,[data],[callback],[type]) | 使用一個HTTPPOST請求加載一個遠程頁面。 | | 7 | load(url,[data],[callback]) | 從遠程文件加載HTML并把它注入到DOM中。 | | 8 | serialize() | 將一組輸入元素序列化一個字符串數據中。 | | 9 | serializeArray() | 像.serialize()方法一樣，序列化所有的表單及表單元素，但是返回JSON數據結構。 | | | | | | | AJAX事件 | | | | | | | 1 | ajaxComplete(callback) | 當一個AJAX請求完成后，附加一個要被執行的函數。 | | 2 | ajaxStart(callback) | 當一個AJAX開始并且沒有準備好的操作時，附加一個要被執行的函數。 | | 3 | ajaxError(callback) | 當一個AJAX請求失敗后，附加一個要被執行的函數。 | | 4 | ajaxSend(callback) | 在一個AJAX請求發送之前，附加一個要被執行的函數。 | | 5 | ajaxStop(callback) | 當全部的AJAX請求結束后，附加一個要被執行的函數。 | | 6 | ajaxSuccess(callback) | 當一個AJAX請求成功完成后，附加一個要被執行的函數。 | | | | | | | 效果 | | | | | | | 1 | animate(params,[duration,easing,callback]) | 用于制作自定義動畫的函數。 | | 2 | fadeIn(speed,[callback]) | 通過調整所有匹配元素的不透明度來使它們消失，并在這一操作完成后激發一個可選的回調。 | | 3 | fadeOut(speed,[callback]) | 通過將所有匹配元素的不透明度調整為0使它們消失，然后設置顯示為"none"，并在這一操作完成后激發一個可選的回調。 | | 4 | fadeTo(speed,opacity,callback) | 將所有匹配元素的不透明度調整為一個指定的不透明度并在這一操作完成后激發一個可選的回調。 | | 5 | hide() | 如果匹配元素集合時顯示狀態，那就隱藏它們。 | | 6 | hide(speed,[callback]) | 用優美的動畫來隱藏所有匹配元素并在這一操作完成后激發一個可選的回調。 | | 7 | show() | 如果匹配元素集合是隱藏狀態，那就顯示它們。 | | 8 | show(speed,[callback]) | 用一個優美的動畫顯示所有的匹配元素并在這一操作完成后激發一個可選的回調。 | | 10 | slideDown(speed,[callback]) | 通過調整所有匹配元素的高來顯示它們并在這一操作完成后激發一個可選的回調。 | | 11 | slideToggle(speed,[callback]) | 通過調整所有匹配元素的高來切換它們的可視狀態并在這一操作完成后激發一個可選的回調。 | | 12 | slideUp(speed,[callback]) | 通過調整所有匹配元素的高來隱藏它們并在這一操作完成后激發一個可選的回調。 | | 13 | stop([clearQueue,gotoEnd]) | 在指定的元素中停止當前正在運行的動畫。 | | 14 | toggle() | 切換每個匹配元素集合的顯示狀態。 | | 15 | toggle(speed,[callback]) | 使用一個優雅的動畫來切換匹配元素集合的顯示狀態并在這一操作完成后激發一個可選的回調。 | | 16 | toggle(switch) | 基于以上選項來切換匹配元素的顯示狀態(true顯示全部元素，false隱藏全部元素)。 | | 17 | jQuery.fx.off | 在全局范圍內禁用所有動畫。 |