jQuery偽類選擇器

2021-09-29 05:53:26 字數 2215 閱讀 5432

一、簡單偽類選擇器

:not(selector)  選擇除了某個選擇器之外的所有元素

:first或first()     選擇某元素的第乙個元素(非子元素)

:last或last()       選擇某元素的最後乙個元素(非子元素)

:odd                   選擇某元素的索引值為奇數的元素

:even                 選擇某元素的索引值為偶數的元素

:eq(index)         選擇給定索引值的元素,索引值index是乙個整數,從0開始

:it(index)           選擇所有小於索引值的元素,索引值index是乙個整數,從0開始

:gt(index)         選擇所有大於索引值的元素,索引值index是乙個整數,從0開始

:header             選擇h1~h6的標題元素

:animated         選擇所有正在執行動畫效果的元素

:root                選擇頁面的根元素

:target               選擇當前活動的目標元素(錨點)

二、子元素偽類選擇器

:first-child         選擇父元素的第乙個子元素

:last-child         選擇父元素的最後1個子元素

:nth-child(n)     選擇父元素下的第n個元素或奇偶元素,n的值為「整數|odd|even"

:only-child        選擇父元素中唯一的子元素(該父元素只有乙個子元素)

:first-of-type     選擇同元素型別的第1個同級兄弟元素

:last-of-type      選擇同元素型別的最後1個同級兄弟元素

:nth-of-type       選擇同元素型別的第n個同級兄弟元素,n的值可以是「整數|odd|even"

:only-of-type     匹配父元素中特定型別的唯一子元素(但是父元素可以有多個子元素)

三、可見性偽類選擇器

:hidden             選取所有不可見元素

:visible              選取所有可見元素,與:hidden相反

四、內容偽類選擇器

:contains(text)   選擇包含給定文字內容的元素

:has(selector)    選擇含有選擇器所匹配元素的元素

:empty                選擇所有不包含子元素或者不包含文字的元素

:parent                選擇含有子元素或者文字的元素(跟:empty相反)

五、表單偽類選擇器

:input                 選擇所有input元素

:button               選擇所有普通按鈕,即type="button"的input元素

:submit               選擇所有提交按鈕,即type="submit「的input元素

:reset                  選擇所有重置按鈕,即type="rest"的input元素

:text                    選擇所有單行文字框

:textarea             選擇所有多行文字框

:password          選擇所有密碼文字框

:radio                  選擇所有單選按鈕

:checkbox          選擇所有核取方塊

:image                選擇所有影象域

:hidden               選擇所有隱藏域

:file                      選擇所有檔案域

六、表單屬性偽類選擇器

:checked            選擇所有被選中的表單元素,一般用於radio和checkbox

option:selected  選擇所有被選中的option元素

:enabled              選擇所有可用元素,一般用於input、select和textarea

:disabled             選擇所有不可用元素,一般用於input、select和textarea

:read-only           選擇所有唯讀元素,一般用於input和textarea

:focus                  選擇獲得焦點的元素,常用於input和textarea

JQuery 偽類選擇器

ul li one li li two li li three li ul 所有的偽類選擇器,都將圍繞上面的html 第乙個節點 ul li first child one 最後乙個節點 ul li last child three 第二個節點 通過索引。ul li eq 1 two 通過節點數。u...

屬性選擇器,偽類選擇器,偽元素選擇器

屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...

偽類選擇器

作用根據連線的不同狀態可以以不同的方式顯示 偽類是css 用於向某些選擇器新增特殊的效果。a標籤中有四個 link visited hover active 用法示例 a link 未訪問的連線 顏色可以自定義 a visited 已訪問的連線 hover 滑鼠移動到連線上時顯示的效果 a acti...