一、基本過濾器
:first $('li:first') 選取第乙個元素
:last $('li:last') 選取最後乙個元素
:not(selector) $('li:not(.red)') 選取class不是red的li元素
:even $('li:even') 選擇索引(0開始)是偶數的所有元素
:odd $('li:odd') 選擇索引(0開始)是奇數的所有元素
:eq(index) $('li:eq(2)') 選擇索引(0開始)等於index的元素
:gt(index) $('li:gt(2)') 選擇索引(0開始)大於index的元素
:lt(index) $('li:lt(2)') 選擇索引(0開始)小於index的元素
:header $(':header') 選擇標題元素,h1~h6
:animated $(':animated') 選擇正在執行動畫的元素
:focus $(':foucus') 選擇當前被焦點的元素
注意:focus過濾器,必須是頁面初始狀態的已經被啟用的元素才能實現元素獲取
jquery為常用過濾器提供專用方法,來提高效能和效率
eq() first() last() not()
二、內容過濾器
:contains(text) $(':contains('text')') 選取含有『text』文字內容
:empty $(':empty') 選取不包含子元素或者空文字的元素
:has(selector) $(':has(.red)') 選取含有class是red的選擇器
:parent $(':parent') 選取含有子元素或者文字的元素
has()方法提高效能
parent() 當前元素的父元素
parents() 當前元素的父元素以及祖先元素
parentsuntil('div') 當前元素遇到div父元素停止
三、可見性選擇器
:hiden $(':hiden') 選取所有不可見元素
:visible $(':visible') 選取所有可見元素
四、子元素選擇器
:first-child $('li:first-child') 獲取每個父元素的第乙個元素
:last-child $('li:last-child') 獲取每個父元素的最後乙個元素
:only-child $('li:only-child') 獲取只有乙個子元素的元素
:nth-child(odd/even/eq(index)) $('li:nth-child(even)') 獲取每個自定義子元素的元素(索引值從1開始計算)
五、其他方法
is(s/o/e/f) $('li').is('.red') 傳遞選擇器、dom、jquery物件或者函式來匹配元素結合 檢測class是否為red
hasclass(class) $('li').eq(2).hasclass('red') 就是is("."+class)
slice(start,end) $('li').slice(0,2) 從start到end之間的元素,如果是負數,就從後面開始
filter(s/o/e/f) $('li').filter('.red') 可以將其他選擇器綜合使用
end() $('div').find('p').end() 獲取當前元素前一次狀態
contents() $('div').contents() 獲取某個元素下面所有的元素節點,包括文字節點,如果是iframe,則可以查詢文字內容
jQuery過濾選擇器 基本過濾選擇器
過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素,過濾規則與css中的偽類選擇器語法相同,即選擇器都以乙個冒號 開頭。按照不同的過濾規則,過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...
jQuery過濾選擇器 基本過濾選擇器
過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素,過濾規則與css中的偽類選擇器語法相同,即選擇器都以乙個冒號 開頭。按照不同的過濾規則,過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...
jQuery過濾選擇器
基本過濾選擇器 first 選取第乙個元素 last 選取最後乙個元素 not selector 去除所有與給定選擇器匹配的元素 even 選取索引是偶數的所有元素,索引從0開始 odd 選取索引是奇數的所有元素,索引從0開始 eq index 選取索引等於index的元素 index從0開始 gt...