前言:
前面學(xué)習(xí)了JQuery的簡單使用,今天進(jìn)一步學(xué)習(xí)一下JQuery的選擇器。
什么是選擇器?
JQuery選擇器通過標(biāo)簽名、屬性名或者內(nèi)容對DOM元素進(jìn)行快速準(zhǔn)確的選擇,而不必?fù)?dān)心瀏覽器的兼容性,通過JQuery選擇器對頁面元素精確定位,進(jìn)而方便完成處理元素屬性和行為事件。
選擇器的優(yōu)勢
與傳統(tǒng)的JavaScript獲取頁面元素和事務(wù)處理相比,JQuery具備以下幾個優(yōu)勢:
代碼比較簡單
完善的檢測機(jī)制
1、)代碼更簡單
在JQuery庫中封裝了大量可以通過選擇器直接調(diào)用的函數(shù),使編程更加簡單輕松,使用簡單的代碼就可以使用相對復(fù)雜的功能。
2、)完善的檢測機(jī)制
傳統(tǒng)js設(shè)置頁面元素的事務(wù)的時候,先要找到頁面上的元素,然后在賦予相應(yīng)的屬性或事件,如果頁面元素不存在,則頁面會報錯。所以要先判斷頁面元素是否存在。再進(jìn)行屬性或者事件操作。這樣會造成代碼繁瑣。在JQuery定義頁面元素的時候,無須考慮頁面中是否存在,即使頁面中不存在該元素也不會報錯,極大的方便了代碼的執(zhí)行效率。
選擇器分類
大致分為下面四大類
基本選擇器
層次選擇器
過濾選擇器
表單選擇器
過濾選擇器又分為以下幾個小分類
簡單過濾選擇器
內(nèi)容過濾選擇器
可見性過濾選擇器
屬性過濾選擇器
子元素過濾選擇器
表單對象屬性過濾選擇器
接下來挨個學(xué)習(xí)一下。
基礎(chǔ)選擇器
#id 根據(jù)Id匹配一個元素 返回的單個元素
.class 根據(jù)給定的類名匹配一個元素 返回的是元素集合
element 根據(jù)元素名匹配一個元素 返回的是元素集合
* 匹配所有元素 返回的是元素集合
selecttor1,selector2并集,返回兩個選擇器匹配到的元素 返回的是元素集合