在上一篇 JQuery攻略（一） 基礎知識——選擇器 與 DOM 中，我寫了js的使用，如何選擇元素，和一些比較常用的函數及DOM操作。
在這篇中，我將建立多個列表，將更多的 自定義選擇器，函數，DOM操作，對象，效果（后面會寫）等手冊，一一展現出來。讓自己 也方便瀏覽者更好的查看。
更多，更詳細的使用方法可去官網 http://api.jquery.com/查閱。
此章節有
2.1 自定義選擇器
在Jquery中，基本的選擇器有三種方式選取元素，
1.元素選擇
$('P') --選擇HTML文檔中所有P元素標簽
$('div') --選擇HTML文檔中所有div元素標簽
2.id選擇器
$('#A') --選擇HTML文檔中所有id=A的元素
3.class選擇器
$('.color') --選擇HTML文檔中所有class=color的元素
利用上面三種基本選擇器，有時選取的元素太多，我們需要更詳細的篩選，那，自定義選擇器就上場了。
例如：
$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。
$("input[id=xx]") 選取id=xx 的input元素
$("input[name=xx]") 選取name=xx 的所有input元素
$("input[type=xx]") 選取type=xx 的所有input元素
$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。
$("p.intro") 選取所有 class="intro" 的 <p> 元素。
$("p#demo") 選取所有 id="demo" 的 <p> 元素。
$("ul li:first") 每個 <ul> 的第一個 <li> 元素
jQuery 選擇器
| 選擇器 | 實例 | 選取 |
|---|---|---|
| * 選擇器 | $("*") | 所有元素 |
| # 選擇器 | $("#Element_id") | id="Element_id" 的元素 |
| . 選擇器 | $(".ClassName") | 所有 class="ClassName" 的元素 |
| element 選擇器 | $("p") | 所有 <p> 元素 |
| .class.class | $(".ClassName1.ClassName2") | 所有 class="ClassName1" 且 class="ClassName2" 的元素 |
| :first 選擇器 | $("p:first") | 第一個 <p> 元素 |
| :last 選擇器 | $("p:last") | 最后一個 <p> 元素 |
| :even 選擇器 | $("tr:even") | 所有偶數 <tr> 元素 |
| :odd 選擇器 | $("tr:odd") | 所有奇數 <tr> 元素 |
| :eq(index) 選擇器 | $("ul li:eq(3)") | 列表中的第四個元素（index 從 0 開始） |
| :gt(no) 選擇器 | $("ul li:gt(3)") | 列出 index 大於 3 的元素 |
| :lt(no) 選擇器 | $("ul li:lt(3)") | 列出 index 小於 3 的元素 |
| :not(selector) | $("input:not(:empty)") | 所有不為空的 input 元素 |
| :header 選擇器 | $(":header") | 所有標題元素 <h1> - <h6> |
| :animated 選擇器 | $(":animated") | 所有動畫元素 |
| :contains(text) 選擇器 | $(":contains('string')") | 包含指定(string)字符串的所有元素 |
| :empty 選擇器 | $(":empty") | 無子（元素）節點的所有元素 |
| :hidden | $("p:hidden") | 所有隱藏的 <p> 元素 |
| :visible 選擇器 | $("table:visible") | 所有可見的表格 |
| s1,s2,s3 | $("th,td,.ClassName") | 所有帶有匹配選擇的元素 |
| [attribute] 選擇器 | $("[href]") | 所有帶有 href 屬性的元素 |
| [attribute=value] 選擇器 | $("[href='#']") | 所有 href 屬性的值等於 "#" 的元素 |
| [attribute!=value] 選擇器 | $("[href!='#']") | 所有 href 屬性的值不等於 "#" 的元素 |
| [attribute$=value] 選擇器 | $("[href$='.jpg']") | 所有 href 屬性的值包含以 ".jpg" 結尾的元素 |
| :input 選擇器 | $(":input") | 所有 <input> 元素 |
| :text 選擇器 | $(":text") | 所有 type="text" 的 <input> 元素 |
| :password 選擇器 | $(":password") | 所有 type="password" 的 <input> 元素 |
| :radio 選擇器 | $(":radio") | 所有 type="radio" 的 <input> 元素 |
| :checkbox 選擇器 | $(":checkbox") | 所有 type="checkbox" 的 <input> 元素 |
| :submit 選擇器 | $(":submit") | 所有 type="submit" 的 <input> 元素 |
| :reset 選擇器 | $(":reset") | 所有 type="reset" 的 <input> 元素 |
| :button 選擇器 | $(":button") | 所有 type="button" 的 <input> 元素 |
| :image 選擇器 | $(":image") | 所有 type="image" 的 <input> 元素 |
| :file 選擇器 | $(":file") | 所有 type="file" 的 <input> 元素 |
| :enabled 選擇器 | $(":enabled") | 所有激活的 input 元素 |
| :disabled 選擇器 | $(":disabled") | 所有禁用的 input 元素 |
| :selected 選擇器 | $(":selected") | 所有被選取的 input 元素 |
| :checked 選擇器 | $(":checked") | 所有被選中的 input 元素 |
有些選擇器的參數是可以是一個fucntion(){} :lt(no) :gt(no) :eq(index) 選擇器 具體例子可看另一位博友寫的 自定義選擇器 。
2.2 HTML DOM 函數
在上一篇的 1.7 對DOM節點的操作 中，有寫到一些多DOM節點的操作函數，下面我將他們整理成列表的形式以便查閱（部分遺漏的會補上，例子有可能更改）
這些方法對於 XML 文檔和 HTML 文檔均是適用的，除了一個函數之外：html()。
| 方法 | 實例 | 描述 |
|---|---|---|
| addClass() | $("p").addClass("className"); | 向匹配的所有p元素添加指定的類名。 |
| after() | $("p").after("<p> Hello world!</p> "); | 在匹配的所有p元素之后插入內容<p>Hello world!</p>,同等級沒有嵌套關系,與before()函數對應。 |
| append() | $("p").append("<b>Hello world!</b>"); | 向匹配p元素集合中的每個元素結尾插入由參數指定的內容,會嵌套在內部<p><b>Hello world!</b></p> |
| appendTo() | $("<b>Hello world!</b>").appendTo("p"); | 向目標結尾插入匹配元素集合中的每個元素。會嵌套在內部,與append只是語法不一樣。 |
| attr() | $("#Elemet_id").attr('property'); $("#Elemet_id").attr('property','value'); $("#Elemet_id").attr({'property1': 'value1', 'property2': 'value2'}); //設置多個屬性 |
設置或返回匹配元素的屬性和值。 //獲取屬性 var width = $("img").attr("width"); //設置屬性 $("img").attr("width","180"); |
| before() | $("p").before("<p>Hello world!</p>"); | 在匹配的所有p元素之前插入內容。同等級 |
| clone() | $("p").clone().prependTo("p"); | 創建匹配元素集合的副本。克隆一個p元素，將他插入到p元素下成為他的下一級。 |
| detach() | $("p").detach(); | 從 DOM 中移除匹配元素集合，包括所有文本和子節點，detach() 會保留所有綁定的事件、附加的數據，這一點與 remove() 不同。 |
| empty() | $("div").empty(); | 刪除匹配的元素集合中所有的子節點。包括所有文本和子節點。 |
| hasClass() | $("p").hasClass("ClassName"); | 檢查被選元素是否包含指定的 class。 |
| html() | $("#div").html();//取值 $("#div").html("This is a div");//賦值 |
設置或返回匹配的元素集合中的 HTML 內容。如果該方法未設置參數，則返回被選元素的當前內容。 |
| insertAfter() | $("<span>Hello world!</span>").insertAfter("p"); | 把匹配的元素插入到另一個指定的元素集合的后面。與insertBefore()函數對應。同等級不包含 |
| insertBefore() | $("<span>Hello world!</span>").insertBefore("#5"); | 把匹配的元素插入到另一個指定的元素集合的前面。同等級不包含。 |
| prepend() | $("p").prepend('<h2>插入元素h2</h2>'); | 向匹配元素集合中的每個元素開頭插入由參數指定的內容。插入的元素為<p>的下級 |
| prependTo() | $('<h2>插入元素h2</h2>').prependTo("p"); | 向目標開頭插入匹配元素集合中的每個元素。插入的元素為<p>的下級 |
| remove() | $("p").remove(); | 移除所有匹配的元素,包括所有文本和子節點。 |
| removeAttr() | $("p").removeAttr("id"); | 從所有匹配的元素中移除指定的屬性,從任何 p 元素中移除 id 屬性。 |
| removeClass() | $("div").removeClass("ClassName"); | 從所有匹配的元素中刪除全部或者指定的類。 |
| replaceAll() | $("<div>我也變成div了！</div>").replaceAll("#P2"); | 用匹配的元素替換所有匹配到的元素。 |
| replaceWith() | $("#P1").replaceWith("<div>變成div了！</div>"); | 用新內容替換匹配的元素,replaceAll() 與 replaceWith() 作用相同。差異在於語法：內容和選擇器的位置，以及 replaceWith()能夠使用函數進行替換。 |
| text() | $("p").text();//獲取 $("p").text("Hello <b>world</b>!"); //設置 | 設置或返回匹配元素的內容。 |
| toggleClass() | $("p").toggleClass("className"); | 從匹配的元素中添加或刪除一個類。切換被選元素的class. |
| unwrap() | $("p").unwrap(); | 移除並替換指定元素的父元素，跳出父節點的包裹。 |
| val() | $("#input").val(); //取文本框的值 $("#input").val("change input value"); //為文本框賦值 |
設置或返回匹配元素的值。 |
| wrap() | $("p").wrap("<div></div>"); | 把匹配的元素用指定的內容或元素包裹起來，單個<p>元素<div>包裹起來。有多少個p，就有多少個div |
| wrapAll() | $("p").wrapAll("<div></div>"); | 把所有匹配的元素用指定的內容或元素包裹起來,將所有匹配的<p>元素用一個<div>包裹起來。不管有多少個p，就只有一個div |
| wrapinner() | $("p").wrapInner("<b>加粗</b>"); | 將每一個匹配的元素的子內容用指定的內容或元素包裹起來,將匹配元素的內容用指定的參數包裹起來,包括子節點，和內容。 |
2.3 CSS DOM 函數
下面列出一些方法設置或返回元素的 CSS 相關屬性。
| CSS 屬性 | 實例 | 描述 |
|---|---|---|
| css() | $("p").css("color"); //取值返回rgb $("p").css("color","red");//設置 $("p").css({ "color":"white", "font-size":"20px", "padding":"5px" });//多值設置 |
返回或設置匹配的元素的一個或多個樣式屬性。 |
| height() | $("p").height();//取值 $("p").height(50);//設置 |
返回或設置匹配元素的高度。 |
| offset() | var position = $("p").offset(); var left = position.left; var top = position.top; | 返回或設置匹配元素相對於文檔的偏移（位置）。 |
| offsetParent() | $("p").offsetParent() | 返回最近的父級定位元素。定位元素指的是元素的 CSS position 屬性被設置為 relative、absolute 或 fixed 的元素。 可以通過 jQuery設置 position，或者通過 CSS 的 position 屬性。 |
| position() | var x=$("p").position(); var left = x.left; var top = x.top; | 返回匹配元素相對於父元素的位置（偏移）。 |
| scrollLeft() | $("div").scrollLeft(); | 設置或返回匹配元素相對滾動條左側的偏移。滾動條的水平位置指的是從其左側滾動過的像素數。當滾動條位於最左側時，位置是 0。 |
| scrollTop() | $("div").scrollLeft(); | 返回或設置匹配元素的滾動條的垂直位置。如果該方法未設置參數，則返回以像素計的相對滾動條頂部的偏移。 |
| width() | $("p").width(); | 返回或設置匹配元素的寬度。 |
2.4 jQuery 遍歷函數
jQuery 遍歷函數
| 函數 | 實例 | 描述 |
|---|---|---|
| .add() | .add(selector) $("div").css("border", "2px solid red").add("p") |
將元素添加到匹配元素的集合中。(五種使用方法) |
| .andSelf() | $("p").andSelf().nextAll().css("background-color", "red"); | 把堆棧中之前的元素集添加到當前集合中。(包括了自己) |
| .children() | $("div").children(); | 返回匹配元素集合中每個元素的子元素，添加可選參數可通過選擇器進行過濾。(只向下匹配一層) |
| .closest() | $("p").closest("div").addClass("hilight ") // 從p元素往上遍歷，遇到的第一個div，返回集合，包括了div所有子級 |
從元素本身開始，逐級向上級元素匹配，並返回最先匹配的父級元素。 .parents() 和 .closest() 方法類似，它們都沿 DOM 樹向上遍歷。 前者是沿 DOM 樹向上遍歷，直到文檔的根元素為止，將每個祖先元素添加到一個臨時的集合；如果應用了選擇器，則會基於該選擇器對這個集合進行篩選。 后者是沿 DOM 樹向上遍歷，直到找到已應用選擇器的一個匹配為止。 |
| .contents() | $("p").contents(); | 獲得匹配元素集合中每個元素的子節點，包括文本和注釋節點。 |
| .each() | $("p").each(function(index,element){......}); | 對 jQuery 對象進行迭代，為每個匹配元素執行函數。 |
| .end() | $("p").find("span").end().css("border", "2px red solid"); // 選擇所有p元素，找到這些p元素中的 span 元素，然后將它們恢復為p元素，並把段落設置為兩像素的紅色邊框： |
結束當前鏈中最近的一次篩選操作，並將匹配元素集合返回到前一次的狀態。 |
| .eq() | $("div").eq(2); // 第三個，從零開始 | 將匹配元素集合縮減為位於指定索引的新元素。 |
| .filter() | $("div").filter(".middle") 匹配所有div，class = middle 的所有元素 |
將匹配元素集合縮減為匹配選擇器或匹配函數返回值的新元素。 |
| .find() | $("p").find("span"); // 匹配所有p元素中的span元素 |
獲得當前元素集合中每個元素的后代，通過選擇器、jQuery 對象或元素來篩選。（可指定范圍） |
| .first() | $("p span").first(); // 與last()相對應 |
將匹配元素集合縮減為集合中的第一個元素。 |
| .has() | $("div").has("a"); // 匹配所以div元素中帶有a元素的集合 |
將匹配元素集合縮減為包含特定元素的后代的集合。 |
| .is() | $("p").parent().is("div"); // p元素的父級是div |
根據選擇器檢查當前匹配元素集合，如果存在至少一個匹配元素，則返回 true。 |
| .last() | $("p span").last(); // 與first()相對應 |
將匹配元素集合縮減為集合中的最后一個元素。 |
| .map() | $("input").map(function(){ alert ($(this).val());}) // 相當與遍歷 input集合列表，將它們的值一個個彈出 |
把當前匹配集合中的每個元素傳遞給函數，產生包含返回值的新 jQuery 對象。 |
| .next() | $("#div").next("p"); // 返回id=div元素最臨近的一個p元素 // 如next()沒有參數的話，返回的是與id=div相同的下一個元素 |
獲得匹配元素集合中每個元素緊鄰的同輩元素。（只一個元素,方向向下與.prev()相反） |
| .nextAll() | $("#div").nextAll("p"); // 返回id=div元素最臨近的所有p元素 (向下) // 如next()沒有參數的話，返回的是id=“div”元素以下的所有元素 |
獲得匹配元素集合中每個元素之后的所有同輩元素，由選擇器進行篩選（可選）。（同級，向下，不包括自己） |
| .nextUntil() | $("#1").nextUntil("#11"); // 如果序號連續的話，這里選中的元素個數將是 9 個;並不包括 1 和 11 本身 |
獲得每個元素之后所有的同輩元素，直到遇到匹配選擇器的元素為止。（向下，不包括自己，與 prevUntil()相對） |
| .not() | $("p").not("#id1"); // 反選擇，匹配了id=id1 除外的所有 p元素 |
從匹配元素集合中刪除元素。 |
| .offsetParent() | $("p").offsetParent(); // p元素第一個有position：absolute 或者 relative 的父級 |
獲得用於定位的第一個父元素。 |
| .parent() | $("p").parent(); // 與children()函數一樣，只有匹配一層。向上。 |
獲得當前匹配元素集合中每個元素的父元素，由選擇器篩選（可選）。 |
| .parents() | $("p").parents() // p元素的所有父級 |
獲得當前匹配元素集合中每個元素的祖先元素，由選擇器篩選（可選）。 |
| .parentsUntil() | $("#11").parentsUntil("#1"); // 假如 #11到#1連續嵌套，那么，這里會選到10個元素，包括#11,但不包括#1 |
獲得當前匹配元素集合中每個元素的祖先元素，直到遇到匹配選擇器的元素為止。 |
| .prev() | $("#div").prev("p"); // 返回id=div元素最臨近的一個p元素 // 如next()沒有參數的話，返回的是與id=div相同的上一個元素 |
獲得匹配元素集合中每個元素緊鄰的前一個同輩元素，由選擇器篩選（可選）。（只一個元素,方向向上與.next()相反） |
| .prevAll() | $("#div").prevAll("p"); // 返回id=div元素最臨近的所有p元素（向上） // 如 prevAll()沒有參數的話，返回的是id=“div”元素以上的所有元素 |
獲得匹配元素集合中每個元素之前的所有同輩元素，由選擇器進行篩選（可選）。（同級，向上，不包括自己） |
| .prevUntil() | $("#11").prevUntil("#1"); // 如果序號連續的話，這里選中的元素個數將是 9 個;並不包括 1 和 11 本身 |
獲得每個元素之前所有的同輩元素，直到遇到匹配選擇器的元素為止。（向上，不包括自己，與nextUntil()相對） |
| .siblings() | $("p").siblings(); // 選擇所有與p元素同級元素，不分元素類型 |
獲得匹配集合中每個元素的同胞，通過選擇器進行篩選是可選的。（不分元素類型） |
| .slice() | $("p").slice(0, 5); // 0是開始下標，選取5個 如果有嵌套，嵌套也算 // <p>1<2><3><4><5></p></p></p></p></p><p>6</p>只會選到5 |
把匹配元素集合縮減為指定的指數范圍的子集。 |
2.5 String 對象
string 屬性
| 屬性 | 描述 | 實例說明 |
|---|---|---|
| constructor | 對創建該對象的函數的引用 | object.constructor |
| length | 可返回字符串中的字符數目 | stringObject.length "Hello World!".length |
| prototype | 向對象添加屬性和方法 | object.prototype.name=value/function |
string 方法
| 方法 | 描述 | 實例 |
|---|---|---|
| anchor() | 創建 HTML 錨。 | txt.anchor("txt"); |
| big() | 用大號字體顯示字符串。 | txt.big(); |
| blink() | 顯示閃動字符串。 | |
| bold() | 使用粗體顯示字符串。 | |
| charAt() | 返回在指定位置的字符。 | |
| charCodeAt() | 返回在指定的位置的字符的 Unicode 編碼。 | |
| concat() | 連接字符串。 | stringObject.concat(stringX,stringX,...,stringX) |
| fixed() | 以打字機文本顯示字符串。 | stringObject.fixed() |
| fontcolor() | 使用指定的顏色來顯示字符串。 | stringObject.fontcolor(color) |
| fontsize() | 使用指定的尺寸來顯示字符串。size 1-7 | stringObject.fontsize(size) |
| fromCharCode() | 從字符編碼創建一個字符串。 | String.fromCharCode(numX,numX,...,numX) |
| indexOf() | 檢索字符串。一次 | stringObject.indexOf(searchvalue,fromindex) |
| italics() | 使用斜體顯示字符串。 | stringObject.italics() |
| lastIndexOf() | 從后向前搜索字符串。searchvalue 搜索字段，startindex開始下標，0為開始下標 | stringObject.lastIndexOf(searchvalue,startindex) |
| link() | 將字符串顯示為鏈接。 | stringObject.link("url") |
| localeCompare() | 用本地特定的順序來比較兩個字符串。返回值 -1，0，1 | stringObject.localeCompare(target) |
| match() | 找到一個或多個正則表達式的匹配。返回值匹配到的數組 | stringObject.match(searchvalue) stringObject.match(regexp) |
| replace() | 替換與正則表達式匹配的子串。返回一個新的字符串 | stringObject.replace(regexp/substr,replacement) |
| search() | 檢索與正則表達式相匹配的值。返回一個新的字符串 | stringObject.search(regexp) |
| slice() | 提取字符串的片斷，並在新的字符串中返回被提取的部分。 | stringObject.slice(start,end) |
| small() | 使用小字號來顯示字符串。 | stringObject.small() |
| split() | 把字符串分割為字符串數組。 | stringObject.split(string/char/RegExp,howmany) |
| strike() | 使用刪除線來顯示字符串。 | stringObject.strike() |
| sub() | 把字符串顯示為下標。 | stringObject.sub() |
| substr() | 從起始索引號提取字符串中指定數目的字符。 | stringObject.substr(start,length) |
| substring() | 提取字符串中兩個指定的索引號之間的字符。 | stringObject.substring(start,stop) |
| sup() | 把字符串顯示為上標。 | stringObject.sup() |
| toLocaleString() | 方法可把一個對象轉換為本地格式的字符串。 | array.toLocaleString() 、 date.toLocaleString() 、 Number.toLocaleString() |
| toLocaleLowerCase() | 把字符串轉換為小寫。 | stringObject.toLocaleLowerCase()（根據本地語言） |
| toLocaleUpperCase() | 把字符串轉換為大寫。（根據本地語言） | stringObject.toLocaleUpperCase() |
| toLowerCase() | 把字符串轉換為小寫。 | stringObject.toLowerCase() |
| toUpperCase() | 把字符串轉換為大寫。 | stringObject.toUpperCase() |
| toSource() | 代表對象的源代碼。 | object.toSource() |
| toString() | 返回字符串。 | array.toString() 、 boolean.toString() 、 date.toString()、 Number.toString() |
| valueOf() | 返回某個字符串對象的原始值。 | stringObject.valueOf() |
一段代碼
var txt = "Hello World!"; document.write("<p>anchor: " + txt.anchor("txt") + "</p>"); //生成--><a> name="txt">Hello World!</a> document.write("<p>Big: " + txt.big() + "</p>"); //生成--><big>Hello world!</big> document.write("<p>Blink: " + txt.blink() + " (好像沒啥效果)</p>"); //生成--><blink>Hello World!</blink> document.write("<p>Bold: " + txt.bold() + "</p>"); //生成--><b>Hello World!</b> document.write("<p>charAt: " + txt.charAt(1) + " </p>"); ; //下標從0開始 e 返回值string document.write("<p>charCodeAt: " + txt.charCodeAt(1) + " </p>"); //下標從0開始 101（e）參數是-1或者沒找到得到的是 NaN 返回值int document.write("<p>Fixed: " + txt.fixed() + "</p>"); //生成--><tt>Hello World!</tt> document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>"); //生成--><font color="Red">Hello World!</font> document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>"); //生成--><font size="16">Hello World!</font> document.write("<p>Small: " + txt.small() + "</p>"); //生成--><small>Hello World!</small> document.write("<p>Italic: " + txt.italics() + "</p>"); //生成--><i>Hello World!</i> document.write("<p>Strike: " + txt.strike() + "</p>"); //生成--><strike>Hello World!</strike> document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>"); //生成-->hello world! document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>"); //生成-->HELLO WORLD! document.write("<p>Subscript: " + txt.sub() + "</p>"); //生成--><sub>Hello World!</sub> document.write("<p>Superscript: " + txt.sup() + "</p>"); //生成--><sup>Hello World!</sup> document.write("<p>Link: " + txt.link("http://www.cnblogs.com") + "</p>"); //生成--><a href="http://www.cnblogs.com">Hello World!</a>
2.6 RegExp 對象
RegExp 對象完成對正則表達式的封裝，它是對字符串執行模式匹配的強大工具。
語法：new RegExp(stringpattern, parameter);
參數 stringpattern 是一個字符串正則表達式
參數 parameter 可選，i(大小寫忽略),g(全局匹配),m(多行匹配)指定匹配范圍
返回值 一個新的 RegExp對象，
范圍標識
| 范圍修飾符 | 描述 | 實例 |
|---|---|---|
| i | 忽略大小寫敏感匹配。 | new RegExp("regexp","i") |
| g | 全局匹配（匹配所有匹配而非在找到第一個匹配后停止）。 | new RegExp("regexp","g") |
| m | 執行多行匹配。 | new RegExp("regexp","m") |
范圍匹配
| 表達式 | 描述 |
|---|---|
| [abc] | 匹配方括號中abc的任何字符。 |
| [^abc] | 匹配任何不是abc的字符。 |
| [0-9] | 匹配任何從 0 至 9 的數字。 |
| [a-z] | 匹配任何從小寫 a 到小寫 z 的字符。 |
| [A-Z] | 匹配任何從大寫 A 到大寫 Z 的字符。 |
| [A-z] | 匹配任何從大寫 A 到小寫 z 的字符。 |
| [adgk] | 匹配給定集合內的任何字符。 |
| [^adgk] | 匹配給定集合外的任何字符。 |
| (red|blue|green) | 匹配任何指定的選項。 |
元字符匹配
| 元字符 | 描述 |
|---|---|
| . | 匹配單個字符，匹配除換行符以外的任意字符。 |
| \w | 匹配字母或數字或下划線或漢字。 |
| \W | 匹配非單詞字符。 |
| \d | 匹配數字。 |
| \D | 匹配非數字字符。 |
| \s | 匹配空白字符。 |
| \S | 匹配非空白字符。 |
| \b | 匹配單詞邊界。 |
| \B | 匹配非單詞邊界。 |
| \0 | 匹配 NUL 字符。 |
| \n | 匹配換行符。 |
| \f | 匹配換頁符。 |
| \r | 匹配回車符。 |
| \t | 匹配制表符。 |
| \v | 匹配垂直制表符。 |
| \xxx | 匹配以八進制數 xxx 規定的字符。 |
| \xdd | 匹配以十六進制數 dd 規定的字符。 |
| \uxxxx | 匹配以十六進制數 xxxx 規定的 Unicode 字符。 |
量詞匹配
| 量詞 | 描述 |
|---|---|
| n+ | 匹配至少一個或者更多 n 的字符串。 |
| n* | 匹配零個或多個 n 的字符串。 |
| n? | 匹配零個或一個 n 的字符串。 |
| n{X} | 匹配X 個 n 的字符串。 |
| n{X,Y} | 匹配至少X個 最多Y 個 n 的字符串。 |
| n{X,} | 匹配至少 X 個 n 的字符串。 |
| n$ | 匹配結尾為 n 的字符串。 |
| ^n | 匹配開頭為 n 的字符串。 |
| ?=n | 匹配任何其后緊接指定字符串 n 的字符串。 |
| ?!n | 匹配任何其后沒有緊接指定字符串 n 的字符串。 |
對象屬性
| 屬性 | 描述 |
|---|---|
| global | RegExp 對象是否具有標志 g。 |
| ignoreCase | RegExp 對象是否具有標志 i。 |
| lastIndex | 一個整數，標示開始下一次匹配的字符位置。 |
| multiline | RegExp 對象是否具有標志 m。 |
| source | 正則表達式的源文本。 |
對象方法
| 方法 | 描述 | 實例 |
|---|---|---|
| compile | 編譯正則表達式。 | patt1.compile("patt", "g") |
| exec | 檢索字符串中指定的值。返回找到的值，並確定其位置。 | patt1.exec('TestString') |
| test | 檢索字符串中指定的值。返回 true 或 false。 | patt1.test('TestString') |
支持RegExp對象的String對象方法
| 方法 | 描述 |
|---|---|
| search | 檢索與正則表達式相匹配的值。 |
| match | 找到一個或多個正則表達式的匹配。 |
| replace | 替換與正則表達式匹配的子串。 |
| split | 把字符串分割為字符串數組。 |
The end
Jquery的函數有很多，這里只是列舉了一些比較常用的函數。如果想或多更過更詳細的函數和例子，可以訪問 官網 和 W3cSchool手冊。
另外，在另一位博友"kuku-1"那里，我下載了 離線版本的 Jquery Api l.4 版本， 這是 他的 這是 我的（兩個是一樣的）。