jQuery中filter()方法用法實例_jquery

此方法能夠篩選出與指定表達式或方法傳回值相符的元素或元素集合。

語法結構一:
篩選出與指定表達式相符的元素集合。

複製程式碼 程式碼如下:

$(selector).filter(expr)

參數列表:

参数	描述
expr	字符串值，用于筛选当前元素集合的选择器表达式。

實例碼:

複製程式碼 程式碼如下:

 

   
• HTML專區

   
• Javascript專區

   
• Div Css專區

   
• Jquery專區

 

這段程式碼能夠將類別名為js的li中的字體顏色設定為藍色。

語法結構二:

從元素集合中篩選出指定的jquery物件。

複製程式碼 程式碼如下:

$(selector).filter(element)

參數列表:

参数	描述
element	用于匹配当前元素集合中元素的jQuery对象或者DOM对象。

實例碼:

實例一:

複製程式碼 程式碼如下:

 

   
• HTML專區

   
• Javascript專區

   
• Div Css專區

   
• Jquery專區

 

實例二:

複製程式碼 程式碼如下:

 

   
• HTML專區

   
• Javascript專區

   
• Div Css專區

   
• Jquery專區

 

語法結構三:

篩選出與指定函數傳回值相符的元素集合。
filter()方法內部將對每個物件計算一次 (如$.each).。如果呼叫的function回傳false則這個元素被刪除，否則就會保留。

複製程式碼 程式碼如下:

$(selector).filter(function())

$(selector).filter(function())

參數列表:

参数	描述
function(index)	定义返回filter()匹配值的函数。 index为当前元素在匹配元素集合中的索引值。

實例碼:

複製程式碼 程式碼如下:

 

   
• HTML專區

   
• Javascript專區

   
• Div Css專區

   
• Jquery專區

 

 

   
• 字體要變藍色了

 

希望本文所述對大家的jQuery程式設計有所幫助。