Jquery獲取元素方法
Jquery 獲取元素的方法分為兩種：jQuery選擇器、jQuery遍歷函數。
1、獲取本身：
a.只需要一種jQuery選擇器
| 選擇器 | 實例 | 說明 |
| #Id | $(‘#myId‘) | ID選擇器： 可以獲取到ID為“myId”的元素，區分大小寫 |
b.多種jQuery選擇器組合
b1.jQuery選擇器
| 選擇器 | 實例 | 說明 |
| .class | $(‘.myClass‘) | 類選擇器：可以獲取到class為‘myClass’的所有元素 |
| element | $(‘p‘) | 獲取所有的<p>元素 |
| :header | $(‘:header‘) | 獲取所有的標題元素：<h1> ~ <h6> |
| :animated | $(‘:animated‘) | 獲取所有的動畫元素 |
| :contains(text) | $(‘p:contains(Hello)‘) | 獲取所有包含文本為Hello的<p>元素，中間的文本區分大小寫 |
| :hidden | $(‘:hidden‘) | 獲取所有的隱藏元素：width和height為0、display:none、type=hidden、 |
| [attribute] | $(‘[href]‘) | 屬性選擇器：獲取所有含有屬性為href的元素 |
| [attribute=value] | $(‘[href=a.html]‘) |
= 獲取所有帶有屬性href，並且值為a.html的元素 != 獲取所有帶有屬性href，並且值不等於為a.html的元素 $= 獲取所有帶有屬性href，並且值以a.html結尾的元素 ^= 獲取所有帶有屬性href，並且值以a.html開頭的元素 ~= 獲取所有帶有屬性href，並且值包含單詞”a.html“的元素 *= 獲取所有帶有屬性href，並且值包含文本”a.html“的元素 |
| :input | $(‘:input‘) | 獲取所有input元素 |
| :radio | $(‘:radio‘) |
所有帶有 type="radio" 的 input 元素 相似的有： :text、:chexbox、:password、:submit、:reset、:button、:file |
| :enabled | $(‘:enabled‘) | 所有啟用的input元素。 :disabled 則相反 |
| :checked | $(‘:checked‘) | 所有選中的input選擇（單選框、復選框） |
| :gt(index) | $(‘p:gt(2)‘) | index從0開始，獲取index大於（不包含）2的所有<p>元素 |
| :lt(index) | $(‘p:lt(2)‘) | index從0開始，獲取index小於（不包含）2的所有<p>元素 |
| :even | $(‘tr:even‘) | 所有偶數<tr>元素 |
| :odd | $(‘tr:odd‘) | 所有奇數<tr>元素 |
b2.jQuery選擇器jQuery遍歷函數混合
| 選擇器 | 實例 | 說明 |
| :first | $(‘p:first‘) | 第一個<p>元素 |
| :last | $(‘p:last‘) | 最後一個<p>元素 |
| :eq(index) | $("p:eq(1)") | 第二個<p>元素，index從0開始 |
b3.jQuery遍歷函數
| 方法 | 描述 |
| eq() | 返回帶有被選元素的指定索引號的元素 |
| first() | 返回被選元素的第一個元素 |
| last() | 返回被選元素的最後一個元素 |
2、選擇同級元素
jQuery選擇器
$(‘div + p‘) 每個div相鄰的下一個<p>元素
$(‘div ~ p‘) 獲取跟div同級的所有的<p>元素
jQuery遍歷函數
next() 返回被選元素的後一個同級元素
nextAll() 返回被選元素之後的所有同級元素
prev() 返回被選元素的前一個同級元素
prevAll() 返回被選元素之前的所有同級元素
3、獲取父級元素
jQuery選擇器
$("p:parent")獲取所有p元素的父級元素
jQuery遍歷函數
parent() 獲取被選元素的父級元素
parents() 獲取被選元素的所有祖先元素
4.獲取子級元素
jQuery選擇器
$(‘div > p‘) 獲取div直接子元素的所有<p>元素
$(‘div p‘) 獲取div所有後代的<p>元素
jQuery遍歷函數
children() 返回被選元素的所有直接子元素
contents() 返回被選元素的所有直接子元素(包含文本和註釋節點)
find() 返回被選元素的後代元素
Jquery獲取元素方法