jquery常用選擇器
阿新 • • 發佈：2018-12-10
基本選擇器
| 基本選擇器 | 範圍 | 結果個數 |
|---|---|---|
| $(’#id’) | 根據指定的元素id | 單個元素或者無 |
| $(’.class’) | 根據指定的類選擇 | 集合 |
| $(‘標籤名稱’) | 根據指定的標籤名稱 | 集合 |
| * | 匹配所有的元素 | 集合 |
| selector1,selector2 | 將selector1和selector2 的結果合併 | 集合 |
層次選擇器
層次選擇器顧名思義，目的是選擇具有層次關係的元素；dom常見的層次關係有祖先、父子、兄弟（針對同級元素）、相鄰（統計元素或者非同級元素：前相鄰、後相鄰、前後相鄰）。
| 層次選擇器 | 範圍 | 結果個數 |
|---|---|---|
| $(‘ancestor descendant’) | 根據祖先元素匹配所有後代元素；比如$(‘div span’)將匹配所有位於div下的span元素（無論span時div的直接兒子元素，或者span時div的孫子元素） | 集合 |
| $(‘parent>child’) | 匹配父元素的所有子元素；子元素只是針對兒子元素 | 集合 |
| $(‘previous+next’) | 匹配所有緊接在previous元素後的 相鄰元素 | 集合、 |
| $("previousSelector’).next() | 匹配所有緊接在previousSelector元素後的相鄰元素；不一定時兄弟；等同於$(‘previousSelector+siblingSelector’) | 集合 |
| $(‘previous~siblings’) | 匹配previous元素之後的所有兄弟元素 | 集合 |
| $(‘previousSelector’).nextAll() | 匹配previousSelector元素之後的所有兄弟元素；等同於$(‘previousSelector~siblingsSelector’) | 集合 |
| $(‘previous’).siblings(‘selector’) | 匹配previous元素的所有相鄰元素；不區分前後 | 集合 |
| $(‘previousSelector~siblingSelector’) | 獲取previousSelector元素後面的全部相鄰元素；等同於$(‘previousSelector’).nextAll() | 集合 |
基本過濾選擇器
等會再寫。。。。