過濾選擇器

基本過濾選擇器

1.:first 選取第乙個元素

$('tr:first')  返回第乙個 tr 元素

2.:last  選取最後乙個元素

$('tr:last')  

3.:not(selector)  去除與給定選擇器匹配的元素

$('tr:not(".new")')    首先選擇所有的 tr 元素,然後取出所有包含 class="new" 的 tr 元素

4.:even  選取索引值為偶數的元素

$('tr:even')  返回索引值為偶數的所有 tr 元素

5.:odd  選取索引為奇數的元素

$('tr:odd')  返回索引值為奇數的所有 tr 元素

6:eq(index)  選取索引值為特定值的元素

$('tr:eq(0)')  返回索引值為 0 的tr 元素，與 $('tr:first')  效果相同

7.:gt(index)   選取索引值大於某個特定值的元素

$('tr:gt(1)')   選取索引值大於 1 的所有 tr 元素

8.:lt(index) 選取索引值小於某個特定值的所有元素

$('tr:lt(1)')  

9.:header  選擇 ~ 標籤

$(':header')  返回文件中 ~ 所有元素

10.:animated  選取執行的動畫元素

11.:focus  選取當前獲得焦點的元素

內容過濾選擇器：

1.:contains(text) 選取包含某個特定文字的元素

$('td:contains("日本")')

2.:empty 選擇不包含任何子元素或者文字的空元素

$(':empty')  返回空元素

$(':empty').css()

3.:has(selector) 選取包含選擇器所匹配的元素的元素

$('tr:has("th")')   返回 包含 th 元素的 tr 元素

$('tr:has("th")').parent().css('color','red')

4.:parent 選取包含子元素或者文字的元素

$(':parent')  返回非空元素

可見性過濾選擇器：

1.:hidden 選取隱藏的元素

$('tr:hidden').css('display','table-row')

2.:visible  選取顯示的元素

$('tr:visible')

子過濾選擇器：

1.:nth-child 選取每個特定位置的元素

$('tr:nth-child(1)')  返回每個**的第乙個子元素

$('tr:nth-child(3n)')  選取 3的整數倍的子元素  或者  3n+1

注意：這是唯一乙個從 1 開始計數

2.:first-child 選取每個父元素中的第乙個子元素

$('table tr:first-child')  返回每乙個 table 的第乙個 tr

3.:last-child  選取每個父元素的最後乙個子元素

$('table tr:last-child')  

4.:only-child 如果元素是其父元素的唯一子元素，該元素將被返回

$('tr td:only-child')  返回具有唯一子元素的 td

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

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

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

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

過濾選擇器 可見性過濾選擇器

可見性過濾選擇器根據元素是否可見的特徵獲取元素，其詳細的說明如表 選擇器功能 返回值 hidden 獲取所有不可見元素，或者type為hidden的元素 元素集合 visible 獲取所有可見的元素 元素集合 說明 hidden選擇器所選擇的不僅包括樣式為display none所有的元素，而且還包...