DIV CSS 佈局教程網

jquery四種選擇器
編輯:JQuery常見問題     
//jQuery選擇器:基本選擇器、層次選擇器、過濾選擇器、表達選擇器

/*
基本選擇器
1.語法
選擇器 功能 返回值
#id 根據id匹配元素 單個元素
element 根據元素名匹配所有元素 元素集合
.class 根據類名匹配所有元素 元素集合
* 匹配所有元素 元素集合
select1,select2 合並匹配到的元素 元素集合
*/
/*
層次選擇器
1.語法
選擇器 功能 返回值
ancestor descendant 根據祖先匹配所有後代 元素集合
Parent > Child 根據父元素匹配所有子元素 元素集合
Prev + Next 匹配緊在Prev後的下一個兄弟元素 單個元素
.next()方法 同上 同上
Prev ~ Sibings 匹配Prev後的所有兄弟元素 元素集合
.siblings()方法 匹配Prev所有兄弟元素 元素集合
*/
/*
過濾選擇器
1.簡單過濾
選擇器 功能 返回值
first()或:first 獲取第一個元素 單個元素
lase()或:last 獲取最後一個元素 單個元素
:not(selector) 獲取除給定選擇器外的所有元素 元素集合
:even 獲取所有偶數集合,所有從0開始 元素集合
:odd 獲取所有奇數集合 元素集合
:eq(index) 獲取指定元素 單個元素
:gt(index) 獲取所有大於給定元素集合 元素集合
:lt(index) 獲取所有小於給定元素集合 元素集合

2.內容過濾器
選擇器 功能 返回值
:contains(text) 獲取包含給定文本的元素 元素集合
:empty 獲取所有不包含元素或者文本的空元素 元素集合
:has(selector) 獲取子元素有selector的元素 元素集合
:parent(selector) 獲取父元素有selector的元素 元素集合

3.可見性過濾器
選擇器 功能 返回值
:hidden 獲取所有不可見元素,或type=hidden 元素集合
:visible 獲取所有可見元素 元素集合

4.屬性過濾器
選擇器 功能 元素集合
[attribute] 獲取包含給定屬性的元素 元素集合
[attribute=value]
[attribute!=value]
[attribute*=value]
[attribute^=value]
[attribute$=value]
[selector][selector] 且(交集)

5.子元素過濾器
:nth-child(eq|even|odd|index)
:first-child
:last-child
:only-child
*/


/*
表單選擇器
1.語法
選擇器 功能 返回值
:input 獲取所有input、textarea、select 元素集合
:empty 獲取所有不包含子元素或者文本的空元素 元素集合
*/
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved