jQuery 過濾選擇器

2022-08-29 04:33:08 字數 2096 閱讀 4658

一、基本過濾器

: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...