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

2021-06-04 06:15:41 字數 1113 閱讀 1467

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

首先介紹基本過濾選擇器

選擇器描述

返回例項

:first

選取第乙個元素

單個元素

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

:last

選取最後乙個元素

單個元素

$("div:last")選取所有元素中最後乙個元素

:not(selector)

去除所有與給定選擇器汽配的元素

集合元素

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

:even

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

集合元素

$('input:even")選取索引是偶數的元素

:odd

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

集合元素

$('input:odd")選取索引是奇數的元素

:eq(index)

選取索引等於index的元素(index從0開始)

單個元素

$("input:eq(1)")選取索引等於1的元素

:gt(index)

選取索引大於index的元素(index從0開始)

集合元素

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

(注:大於1,不包含1)

lt(index)

選取索引小於index的元素(index從0開始)

集合元素

$("input:lt(1)")選取索引小於1的元素

(注小於1,不包含1)

:header

選取等等所有的標題元素,例如:h1,h2,h3

集合元素

$(":header")選取網頁中所有的,,...

:animated

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

集合元素

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

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

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

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

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

jquery選擇器之層級過濾選擇器

ancestor descendant 選取parent元素後所有的child元素 parent child 選取parent元素後所有的直屬child元素,何謂 直屬 也就是第一級的意思了 prev next prev和next是兩個同級別的元素.選中在prev元素後面的next元素 prev s...