JQuerySelectors

根據獲取頁面中元素的不同,可以講jQuery選擇器分爲:基本類型選擇器,層次選擇器,過濾選擇器,表單選擇器.其中,在過濾選擇器當中又可以分爲簡單過濾選擇器,內容過濾選擇器,可見性選擇器,屬性選過濾擇器,表單對象屬性過濾選擇器共六種.

2.2.1基本選擇器

基本選擇器時jQuery中使用最頻繁的選擇器,它又id,class,元素名,多個選擇符組成.

選擇器	功能	返回符
id	根據給定id匹配一個元素	單個元素
element	根據給定標籤名匹配所有元素	元素集合
.class	根據class來匹配元素	元素集合
*	匹配所有元素	元素集合
selector1,selectorN	講個選擇器匹配的元素集合起來	元素集合

2.2.2層次選擇器

層次選擇器根據DOM間的層次關係獲取元素,其主要的層次關係包括後代,父子,相鄰,兄弟關係,通過其中某類關係可以方便快捷的定位元素.

選擇器	功能	返回值
ancestor descendant	根據祖先元素匹配所有後代元素,與多個選擇器的不同之處在於沒有”,”	元素集合
parent > child	根據父元素匹配所有的子元素	元素集合
prev + next	匹配所有緊接在prev元素後面的相鄰元素	元素集合
prev ~ siblings	匹配prev元素之後的所有兄弟元素	元素集合

2.2.3簡單過濾選擇器

簡單過濾選擇器根據某類過濾規則進行元素的匹配,書寫時都以":"號開頭;簡單過濾選擇器是過濾選擇器種使用最廣泛的一種.

選擇器	功能	返回值
first()或first	獲取第一個元素	單個返回值
last()或last	最後一個元素	單個元素
:not(selector)	獲取制定元素之外的元素	元素集合
:even	獲取元素索引值爲偶數的元素	索引號從0開始
:odd	獲取元素索引值爲奇數的元素	索引值從1開始
:eq(index)	指定索引值的元素	索引值從0開始
:gt(index)	大於指定索引值的元素	索引值從0開始
:lt(index)	小於	索引值從0開始
:header	獲取所有標題類元素	元素集合
:animated	獲取正在執行動畫效果的元素	元素集合

2.2.4內容過濾選擇器

內容過濾選擇器根據元素中的文字或者所包含的子元素特徵獲取元素,七文字內容可以模糊或絕對匹配進行元素定位,其詳細說明如下.

選擇器	功能	返回值
:contains(text)	獲取給定文本的元素	元素集合
:empty	不包含子元素或者空文檔的的元素	元素集合
:has(selector)
:parent

2.2.5可見性過濾

選擇器	功能	返回值
:hidden	所有不可見的元素
:visible	所有可見的元素

屬性過濾

選擇器	功能	返回值
[attribute]	包含給定屬性的元素
[attribute=value]	等於給定屬性值的元素
[attribute!=value]
[attribute^=value]	屬性值以給定屬性值開頭
[attribute$=value]	屬性值以給定屬性值結尾
[attribute*=value]	屬性值包含給定屬性值的元素
[selector1][selector2][selector3]	複合指定條件

子元素過濾選擇器

選擇器	功能	返回值
nth-child(even	odd	index)
:first-child	獲取第一個子元素
:last-child	獲取最後一個子元素
:only-child	獲取只有一個子元素的元素

表單對象屬性過濾選擇器

選擇器	功能	返回值
:enabled
:disabled
:checked	所有被選中的元素
:selected	所有被選中option元素

表單標籤選擇器

選擇器	功能	返回值
:input	獲取所有input, textarea, select
:text	獲取所有 單行文本框
:password	獲取所有密碼框
:radio	獲取所有單選框

下面還又若干