jQuery過濾選擇器 基本過濾選擇器

2021-08-31 19:45:57 字數 1198 閱讀 4497

過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素,過濾規則與css中的偽類選擇器語法相同,即選擇器都以乙個冒號(:)開頭。按照不同的過濾規則,過濾選擇器可以分為基本過濾、內容過濾、可見性過濾、屬性過濾、子元素過濾和表單物件屬性過濾選擇器

基本過濾選擇器

選擇器

描述

返回

示例

:first

選取第乙個元素

單個元素

$(「div:first」)選取所有div元素中的第乙個div元素

:last

選取最後乙個元素

集合元素

$(「input:not:(.myclass)」)選取class不是myclass的input元素

:even

選取索引是偶數的所有元素,注意:索引是從0開始的

集合元素

$(「input:even」)選取索引是偶數的input元素。

:odd

選取索引是奇數的所有元素,注意:索引是從0開始的

集合元素

$(「input:odd」)選取索引是奇數的input元素。

:eq(index)

選取索引等於index的元素,注意:索引是從0開始的

集合元素

$(「input:eq(1)」)選取索引等於1的input元素。實際上選擇的是第二個input元素

:gt(index)

選取索引大於index的元素,注意:索引是從0開始的

集合元素

$(「input:gt(1)」)選取索引大於1的input元素。

:lt(index)

選取索引小於index的元素,注意:索引是從0開始的

集合元素

$(「input:lt(1)」)選取索引小於於1的input元素。這個就等同於$(「input:eq(0)」)

:header

選取所有的標題元素,例如h1,h2,h3…..

集合元素

$(「:header」)選取網頁中所有的h1,h2,h3….

:animated

選取當前正在執行動畫的所有元素

集合元素

$(「div:animated」)選取正在執行動畫的div元素

jQuery過濾選擇器 基本過濾選擇器

過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素,過濾規則與css中的偽類選擇器語法相同,即選擇器都以乙個冒號 開頭。按照不同的過濾規則,過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...

Jquery過濾選擇器之基本過濾選擇器

過濾選擇器主要是通過特定的過濾規則來篩選出所需要的dom元素,過濾規則與css中的偽類選擇器語法相同,即選擇器都可以以乙個冒號 開頭。按照不同的過濾規則,過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。首先介紹基本過濾選擇器 選擇器描述 返回例項 fi...

jQuery過濾選擇器

基本過濾選擇器 first 選取第乙個元素 last 選取最後乙個元素 not selector 去除所有與給定選擇器匹配的元素 even 選取索引是偶數的所有元素,索引從0開始 odd 選取索引是奇數的所有元素,索引從0開始 eq index 選取索引等於index的元素 index從0開始 gt...