1.基本選擇器
2.層次選擇器
2.1. sela selb
派生選擇器---(
父子關係) $(
「div span
」) 在
div內部獲得全部
span
標籤,無需考慮層次
2.2. sela > selb
子元素選擇器---(
父子關係)
$(「div > span」) 在
div的內部獲得子級
span標籤
2.3. sela + selb---(兄弟關係)
匹配緊接在 所有sela
元素後的
selb(
下乙個) 元素
匹配兄弟節點元素,第二個元素與第乙個元素在物理位置上緊緊挨在一起
$(「div+span」) 返回兩個
span
2.4. sela ~ selb---(兄弟關係)
匹配 sela
元素之後的所有
selb 元素.
匹配兄弟元素,第乙個元素後邊所有的第二個兄弟元素都給匹配
$(「div~span」)
3.簡單過濾選擇器
4.內容過濾選擇器
① :contains(內容)
獲得的元素節點內容必須包含目標內容
$(「div:contains(『today』)」)
today is friday
tomorrow is saturday
② :empty()
匹配空元素,該元素內部沒有任何內容包括空白節點都沒有
$(「div:empty」)
today
③ :has(
選擇器)
匹配的目標選擇器內部必須有has
設定的指定選擇器 」
」>
④ :parent
匹配的元素節點必須作為父級存在
$(「div:parent」)
today
5.表單物件屬性過濾選擇器
把「單選框」、「核取方塊」的選中按鈕給過濾出來
2. :selected
過濾選中的下拉列表專案的元素節點
3. :enabled
選取可以操作的表單域按鈕
4. :disabled
選取不可以操作的表單域按鈕
jquery選擇器用法總結
jquery最核心的是查詢功能,下面對jquery選擇器總結一下 版本是1.9 一 基礎選擇器 1 號選擇器,獲取所有元素。例 2 class選擇器。例 classname 3 id選擇器。例 id 4 多個選擇器的集合。例 div,span,p,classname,id 二 層級選擇器 1 根據父...
選擇器用法
選擇器 idelement class selertor1,selector2 逗號 ancestor descendant 祖先元素的所有後代元素 parent child 父元素的所有子元素 prev next 所有緊接在prev元素後面的next元素 prev siblings 匹配prev元...
選擇器用法規範
選擇器符號 在css中前面加 並填寫id名稱 在css中前面加.並填寫class名稱 在css中填寫元素與屬性,例如 title a href a href title img alt 在css中填寫id class 元素,再填寫偽類,列如 a hover 在css中填寫元素 在css中填寫id c...