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