jQuery的選擇器和CSS的選擇器非常相似,所以先從CSS選擇器入手,了解下選擇器的分類。CSS1-CSS3提供非常豐富的選擇器,但是由于某些選擇器被各個(gè)瀏覽器支持的情況不一樣,所以很多選擇器在實(shí)際CSS開發(fā)中很少用到
CSS1-CSS3提供了非常多的選擇器,總的來說我們可以分幾大類:
群組選擇器:逗號(hào)“,” 簡(jiǎn)單選擇器:ID、標(biāo)簽、類、屬性、通配符 關(guān)系選擇器:孩子、后代、相鄰、兄弟 偽類選擇器:動(dòng)作偽類、目標(biāo)偽類、語言偽類、狀態(tài)偽類、結(jié)構(gòu)偽類、取反偽類
群組選擇器用于分組合并多個(gè)處理的結(jié)構(gòu)
selector1, selector2, selectorN
簡(jiǎn)單選擇器"#" "." "[" "*" ,這些都有內(nèi)置原生API的支持,不過存在兼容問題。
屬性選擇器在CSS2.1中只有四種
[att] [att=val] [att~=val] [att|=val]
在CSS3中又增加了三種:
[attr^=val] [attr$=val] [attr*=val]
當(dāng)然除此之外jQuery還實(shí)現(xiàn)了自定義的屬性選擇器:
[attribute!='value'] [attributeFilter1][attributeFilter2][attributeFilterN]
關(guān)系選擇器
關(guān)系選擇器存在著關(guān)聯(lián),不能是單獨(dú)存在的。
ancestor descendant parent > child prev + next prev ~ siblings
偽類
這個(gè)細(xì)分就很多了,jQuery把這些偽類加工并擴(kuò)展成幾個(gè)大塊:
基本篩選器: eq get first lang It not odd root... 內(nèi)容篩選器: contains empty has parent... 可見篩選器: hidden visible 子元素篩選器: first-child nth-child only-child... 表單: bottom checkbox foucs input text...
查閱jQuery的API,針對(duì)選擇器的處理確實(shí)太多了。
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)