亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

理解CSS選擇器

jQuery的選擇器和CSS的選擇器非常相似,所以先從CSS選擇器入手,了解下選擇器的分類。CSS1-CSS3提供非常豐富的選擇器,但是由于某些選擇器被各個瀏覽器支持的情況不一樣,所以很多選擇器在實際CSS開發中很少用到

CSS1-CSS3提供了非常多的選擇器,總的來說我們可以分幾大類:

群組選擇器:逗號“,”
簡單選擇器:ID、標簽、類、屬性、通配符
關系選擇器:孩子、后代、相鄰、兄弟
偽類選擇器:動作偽類、目標偽類、語言偽類、狀態偽類、結構偽類、取反偽類

群組選擇器用于分組合并多個處理的結構

selector1, selector2, selectorN

簡單選擇器"#"  "."  "["   "*"  ,這些都有內置原生API的支持,不過存在兼容問題。

屬性選擇器在CSS2.1中只有四種

[att] [att=val] [att~=val] [att|=val]

在CSS3中又增加了三種:

[attr^=val] [attr$=val] [attr*=val]

當然除此之外jQuery還實現了自定義的屬性選擇器:

[attribute!='value']
[attributeFilter1][attributeFilter2][attributeFilterN]

關系選擇器

關系選擇器存在著關聯,不能是單獨存在的。

ancestor descendant
parent > child
prev + next
prev ~ siblings

偽類

這個細分就很多了,jQuery把這些偽類加工并擴展成幾個大塊:

基本篩選器: eq get first lang It not odd root...
內容篩選器: contains empty has parent...
可見篩選器: hidden visible
子元素篩選器: first-child nth-child only-child...
表單: bottom checkbox foucs input text...

查閱jQuery的API,針對選擇器的處理確實太多了。

 

任務

?不會了怎么辦
||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

由于請求次數過多,請先驗證,完成再次請求

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

  • · 粉絲專屬優惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復提醒
  • · 賬號支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

0/150
提交
取消
全部 精華 我要發布
全部 我要發布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?