jquery選擇器用法

2021-07-04 22:29:34 字數 1572 閱讀 9166

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...