jQuery之過濾元素操作

2021-06-05 08:35:55 字數 1340 閱讀 1956

1:eq(index)方法

用於獲取第n個元素,這個元素的位置從0開始算起,語法格式如下:eq(index)

獲取第3個**,並將它的背景色設定為"#fcf", **如下:$("td").eq(2).css("background", "#fcf");

2:filter(expr)方法

用於篩選出與指定表示式匹配的元素集合,用於縮小匹配的範圍,用逗號分隔多個表示式,那麼多個表示式之間是「或」的關係,

語法如下:filter(expr)

$("input").filter(".sel").css("backgroud", "#fcf");  //選取帶有class屬性值為sel的input元素,並設定它的背景色

$("input").filter(".sel, :first").css("background", "#fcf");  //選取帶有class屬性值的input元素或者選取當前領域中的第乙個元素,並設定它們的背景色,

表示式之間用逗號分隔

3:filter(fn)方法

用於篩選出與指定函式返回值匹配的元素集合,該函式內部將對每個物件計算一次(如$:each)。如果呼叫的函式返回false,則這個元素將被刪除,

否則就會保留。語法格式如下:filter(fn)

hello

how are you?

假設子元素中不含有ol元素,並設定該元素的字型顏色為藍色。

4:has(expr)方法

用於保留包含特定後代的元素,去掉那些不含有指定後代的元素,該方法將會從給定的jquery物件中重新建立一組匹配的物件,提供的選擇器會一一測試原先

那些物件的後代,含有匹配後代的物件將得以保留,語法格式如下:

has(expr)

正文結尾

用於檢查當前的元素是否含有某個特定的類,如果有,則返回true

div元素

div元素二

6:map(callback)方法

map(callback)方法用於將一組元素轉換成其他陣列(無論是否是元素陣列), 可以用這個函式來建立乙個列表,無論是值、屬性還是css樣式,或者其他特別形式,

都可以用$.map()來方便的建立,語法格式如下:

map(callback)

jQuery之過濾元素

還是那句話,這些知識乙個小小的練習,更多的請看jquery手冊 在jquery物件中的元素物件陣列中過濾出一部分元素來 1.first 2.last 3.eq index index 4.filter selector 5.not selector 6.has selector 需求 1.ul下li...

jQuery之過濾選擇器

在原有選擇器匹配的元素中進一步進行過濾的選擇器 基本 內容 可見性 屬性 需求1.選擇第乙個div 2.選擇最後乙個class為box的元素 3.選擇所有class屬性不為box的div 4.選擇第二個和第三個li元素 5.選擇內容為bbbbb的li 6.選擇隱藏的li 7.選擇有title屬性的l...

jQuery之過濾選擇器

過濾選擇器 1.基本選擇器 2.內容選擇器 3.可見性選擇器 4.子元素過濾器 過濾選擇器簡稱 過濾器。它其實也是一種選擇器,而這種選擇器類似於css3 裡的偽類,可以讓不支援css3的 瀏覽器也能支援。和常規的選擇器一樣,jquery為了更方便開發者使用,提供了很多獨有的過濾器。一 基本過濾器 過...