jquery選擇器(原創)《四》

2022-01-14 14:34:06 字數 1770 閱讀 9568

前面學習了基本選擇器,現在學習過濾選擇器中的簡單過濾選擇器:

簡單過濾選擇器,主要根據索引值對元素進行篩選,這些過濾選擇器類似於css的偽類選擇器,他們均以冒號(:)開頭,並且要與另外乙個選擇器一起使用。

1.:first選擇器,對當前jquery集合進行過濾選擇,並選擇出第乙個匹配元素,語法格式如下:

$("selector:first")

其中,引數selector表示任意有效的選擇器

2.:last選擇器

:last選擇器,對當前jquery集合進行篩選,並選擇出最後乙個匹配的元素,語法格式如下。

$("selector:last")

其中,引數selector表示任意有效的選擇器。

"

">第一列

第二列第三列

第四列

3.odd選擇器

:odd選擇器,用於選擇索引為奇數(從0開始計數)的所有元素,語法如下:

$("selector:odd")

其中,引數selector表示任意有效的選擇器。dom元素,在jquery集合中的索引值從0開始,因此第2個,第4個,和第六個的索引值依次為1,3,5..依次類推。

4.:enen選擇器

:even選擇器,用於選擇索引為偶數(從0開始計數)的所有元素,語法格式:

$("selector:even")

其中,引數selector表示任意有效的選擇器。dom元素,在jquery集合中的索引值從0開始,因此第1個,第3個,和第5個的索引值依次為0,2,4..依次類推。

"

">索引為0的列

索引為1的列

索引為2的列

索引為3的列

索引為4的列

索引為5的列

5.:eq()選擇器

:eq()選擇器用於從匹配的集合中選取索引等於給定值的元素,語法格式如下:

$("selector:eq(index)")

其中,index從0開始;

6.gt()選擇器

:gt()選擇器用於從匹配的集合中選取索引大於給定值的所有元素,語法格式如下:

$("selector:gt(index)")

其中index從0開始

7.:lt()選擇器

:lt()選擇器用於從匹配的集合中選取索引小於給定值的所有元素,語法格式如下:

$("selector:lt("index")")

其中index從0開始

8.:not()選擇器

:not()選擇器,用於從匹配的集合中除去所有與給定選擇器匹配的元素,語法格式:

$("selector1:not(selector2)")

eg:$("td:not(:first,:last)")

9.:header選擇器

:header選擇器,用於選擇所有諸如h1,h2,h3之類的標題元素;語法格式:

$(":header")

eg:$(「:header」).css("color","red");

10.:animated選擇器

:animated選擇器用於所有正在執行動畫效果的元素,語法格式如下:

$("selector:animated")

其中:selector表示任意有效的選擇器。

jquery選擇器(原創)《二》

jquery選擇器,選擇接著學 前面學習了基本選擇器中的css選擇器,現在學層級選擇器 1.子元素選擇器 子元素選擇器,用於在給定的父元素下,查詢這個父元素下面的所有的子元素,語法格式,如下 parent child 其中,引數parent是任意有效的選擇器 child也是乙個選擇器,並且它是第乙個...

JQuery學習四(過濾選擇器)

first選擇第乙個元素。div first 進行選擇第乙個 last 選擇最後乙個最後乙個元素 div last 選取最後乙個 not 選擇器 選擇不滿足 選擇器 條件的元素 input not myclass 選採樣式名不是myclass的 even odd 選取的索引數是奇數和偶數的元素。把第...

JQuery選擇器 選擇器簡介

在開始學習jquery選擇器之前,有必要了解一下css 層疊樣式表 技術。css是一項出色的技術,它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構,只需通過新增不同的css規則,就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...