jquery簡單過濾器

2021-08-28 02:00:56 字數 1552 閱讀 9140

一 介紹

簡單過濾器是指以冒號開頭,通常用於實現簡單過濾效果的過濾器。例如,匹配找到的第乙個元素等。jquery提供的過濾器下表所示。

過濾器說明示例

:first

匹配找到的第乙個元素,它是與選擇器結合使用的

$("tr:first")    //

匹配**的第一行

:last

匹配找到的最後乙個元素,它是與選擇器結合使用的

$("tr:last")    //

匹配**的最後一行

:even

匹配所有索引值為偶數的元素,索引值從

0開始計數

$("tr:even")   //

匹配索引值為偶數的行

:odd

匹配所有索引值為奇數的元素,索引從

0開始計數

$("tr:odd")    //

匹配索引值為奇數的行

:eq(index)

匹配乙個給定索引值的元素

$("tr:eq(1)")   //

匹配第二個

div元素

:gt(index)

匹配所有大於給定索引值的元素

$("tr:gt(0)")   //

匹配第二個及以上的

div元素

:lt(index)

匹配所有小於給定索引值的元素

$("tr:lt(2)")    //

匹配第二個及以下的

div元素

:header

匹配如h1, h2, h3

……之類的標題元素

$(":header")   //

匹配全部的標題元素

:not(selector)

去除所有與給定選擇器匹配的元素

$("input:not(:checked)")  //

匹配沒有被選中的

input

元素:animated

匹配所有正在執行動畫效果的元素

$(":animated ")  //

匹配所有正在執行的動畫

二 應用

實現乙個帶表頭的雙色**

三 執行效果

四 **

編號

祝福物件

祝福者字條內容

傳送時間

1琦琦媽媽

願你健康快樂的成長!

2011-07-05 13:06:06

1明明爸爸

願你健康快樂的成長!

2011-07-05 13:06:06

1花花爺爺

願你健康快樂的成長!

2011-07-05 13:06:06

1科科媽媽

願你健康快樂的成長!

2011-07-05 13:06:06

jquery簡單過濾器

一 介紹 簡單過濾器是指以冒號開頭,通常用於實現簡單過濾效果的過濾器。例如,匹配找到的第乙個元素等。jquery提供的過濾器下表所示。過濾器說明示例 first 匹配找到的第乙個元素,它是與選擇器結合使用的 tr first 匹配 的第一行 last 匹配找到的最後乙個元素,它是與選擇器結合使用的 ...

jq常用過濾器 jquery 過濾器

1.基本選擇器 基本選擇器是jquery中最常用的選擇器,也是最簡單的選擇器,它通過元素id class 和標籤名來查詢dom元素。這個非常重要,下面的內容都是以此為基礎,逐級提高的。1 id 獲取id指定的元素,id是全域性唯一的,所以它只有乙個成員。2 class 獲取class指定的元素,不同...

JQuery選擇過濾器

jquery選擇器 選擇器與選擇器之間要加空格,選擇器與過濾器之間不需要加空格。1.基本選擇器 1 id id選擇器 2 element 標籤選擇器 3 class 類選擇器 4 選擇所有元素 5 selector1,selector2 多條件選擇器 例如 div,span,myclass 表示選擇...