過濾選擇器主要是通過特定的過濾規則來篩選出所需要的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...