基本過濾器
| 選擇器 | 說明 | 返回 |
|---|---|---|
| :first | 匹配找到的第1個元素 | 單個元素 |
| :last | 匹配找到的最后一個元素 | 單個元素 |
| :eq | 匹配一個給定索引值的元素 | 單個元素 |
| :even | 匹配所有索引值為偶數(shù)的元素 | 集合元素 |
| : odd | 匹配所有索引值為奇數(shù)的元素 | 集合元素 |
| :gt(index) | 匹配所有大于給定索引值的元素 | 集合元素 |
| :lt(index) | 匹配所有小于給定索引值的元素 | 集合元素 |
| :not | 去除所有與給定選擇器匹配的元素 | 集合元素 |
| :animated | 選取當前正在執(zhí)行動畫的所有元素 | 集合元素 |
| focus | 選取當前正在獲取焦點的元素 | 集合元素 |
| :contains(text) | 選取含有文本內(nèi)容為text的元素 | 集合元素 |
| :empty | 選取不包含子元素獲取文本的空元素 | 集合元素 |
| :has(selector) | 選擇含有選擇器所匹配的元素的元素 | 集合元素 |
| :parent | 選取含有子元素或者文本的元素 | 集合元素 |
DOM操作
插入節(jié)點
append() 向每個匹配元素內(nèi)部追加內(nèi)容
appendTo() 顛倒append()的操作
prepend() 向每個匹配元素的內(nèi)容內(nèi)部前置內(nèi)容
prependTo() 顛倒prepend()的操作
after() 向每個匹配元素之后插入內(nèi)容
insertAfter() 顛倒after()的操作
before() 在每個匹配元素之前插入內(nèi)容
insertBefore() 顛倒before()的操作
刪除節(jié)點
- remove()方法
當某個節(jié)點用此方法刪除后，該節(jié)點所包含的所有后代節(jié)點將同時被刪除，用remove()方法刪除后，還是可以繼續(xù)使用刪除后的引用 - detach()
和remove()方法一樣，也是從DOM中去掉所有匹配的元素，與remove()不同的是，所有綁定的事件、附加的數(shù)據(jù)等，都會被保留下來 - empty()
empty()方法并不是刪除節(jié)點，而是清空節(jié)點，它能清空元素中所有后代節(jié)點
復制節(jié)點
使用clone()方法來完成
在clone()方法中傳遞一個參數(shù)true，同時復制元素中所綁定的事件
替換節(jié)點
jQuery提供相應(yīng)的方法 replaceWidth()
替換節(jié)點
jQuery提供相應(yīng)的方法 replaceWidth()
樣式操作
- 獲取樣式和設(shè)置樣式：attr()
- 追加樣式： addClass()
- 移除樣式 ：removeClass()
- 切換樣式 ：toggle()方法只要是控制行為上的重復切換（如果元素是顯示的，則隱藏；如果元素原來是隱藏的，則顯示）。toggleClass()方法控制樣式上的重復切換（如何類名存在，則刪除它，如果類名不存在，則添加它），判斷是否含有某個樣式hasClass()可以用來判斷元素是否含有某個class,如有返回true 該方法等價于is()。
設(shè)置和獲取HTML、文本和值
html()
此方法類似JavaScript中innerHTML屬性，可以用來讀取和設(shè)置某個元素中的HTML內(nèi)容text()方法
方法類型JavaScript中innerHTML，用來讀取和設(shè)置某個元素中的文本內(nèi)容val()方法
此方法類似JavaScript中的value屬性，用來設(shè)置獲取元素的值。無論是文本框、下拉列表還是單選框，都可以返回元素的值，如果元素多選，返回一個包含所有選擇的值的數(shù)組
遍歷節(jié)點
children()方法
該方法用來取得匹配元素的子元素集合childre()方法只考慮子元素而不考慮其他后代元素
next()方法
該方法用于取得匹配元素后面緊鄰的同輩元素
- prev()方法
用于匹配元素前面緊鄰的同輩元素
- siblings()方法
用于匹配元素前后所有的同輩元素
- parent()方法
獲得集合中每個 元素的父級元素
- parents()方法
獲得集合中每個元素的祖先元素
JQuery參數(shù)方法介紹
| 參數(shù) | 類型 | 說明 |
|---|---|---|
| url | String | (默認為當前頁地址)發(fā)送請求的地址 |
| type | String | 請求方式（POST或GET）默認為GET |
| timeout | Number | 設(shè)置請求超時時間（毫秒） |
| dataType | String | 預期服務(wù)器返回的類型?？捎玫念愋腿缦?xml:返回XML文檔，可用jquery處html:返回純文本的HTML信息，包含的script標簽也會在插入DOM時執(zhí)行script：返回純文本的javascript代碼。不會自動緩存結(jié)果，除非設(shè)置cache參數(shù)。注意：在遠程請求時，所有的POST請求都將轉(zhuǎn)GET請求 |
| json: | 返回JSON數(shù)據(jù) | |
| jsonp: | JSONP格式， | 使用jsonp形式調(diào)用函數(shù)時，例如：myurl?call back=?,jquery將自動替換后一個？為正確的函數(shù)名，以執(zhí)行回調(diào)函數(shù) |
| text: | 返回純文本字符串 | |
| beforeSend | Function | 發(fā)送請求前可以修改XMLHttpRequest對象的函數(shù)，例如添加自定義HTTP頭。在beforeSend中如果返回false可以取消本次Ajax請求。XMLHttpRequest對象是唯一的參數(shù) |
| complete | Function | 請求完成后的回調(diào)函數(shù)（請求成功或失敗時都調(diào)用） |
| success | Function | 請求成功后調(diào)用的回調(diào)函數(shù)，有兩個參數(shù) |
| error | Function | 請求失敗時被調(diào)用的函數(shù) |
| global | Boolean | 默認為true。表示是否觸發(fā)全局Ajax事件，設(shè)置為false將不會觸發(fā)。AjaxStart或AjaxStop可用于控制各種Ajax事件 |
