jQuery中find()和filter()運算用法實例詳解

find(expr|obj|ele)

官方解釋：

傳回值:jQuery

概述

搜尋所有與指定表達式相符的元素。這個函數是找出正在處理的元素的後代元素的好方法。

所有搜尋都依賴jQuery表達式來完成。這個表達式可以使用CSS1-3的選擇器語法來寫入。

參數

expr String
用於尋找的表達式
jQuery object object
一個用於匹配元素的jQuery物件
element DOMElement
一個DOM元素

#範例

描述:

#從所有的段落開始，進一步搜尋下面的span元素。與$("p span")相同。

HTML 程式碼:

<p><span>Hello</span>, how are you?</p>

jQuery 程式碼:

##

$("p").find("span")

結果:

[ 45a2772a6b6107b401db3c9b82c049c2Hello54bdf357c58b8a65c66d7c19c8e4d114 ]

filter(expr|obj|ele|fn)

官方解釋：

概述


#篩選出與指定表達式相符的元素集合。


這個方法用來縮小符合的範圍。用逗號分隔多個表達式

參數

#expr String字串值，包含供符合目前元素集合的選擇器表達式。
jQuery object object

現有的jQuery對象，以符合目前的元素。

element Expression
一個用來匹配元素的DOM元素。

function(index) Function

一個函數用來作為測試元素的集合。它接受一個參數index，這是元素在jQuery集合的索引。在函數， this指的是當前的DOM元素。

範例

參數selector描述:

保留帶有select類別的元素

HTML 程式碼:

################

<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>

###jQuery 程式碼:########## ######

$("p").filter(".selected")

###結果:#########[ 27ec8ff0d0eb2aeaabbd785252528076And Again94b3e26ee717c64999d7867364b1b4a3 ]###

以上是jQuery中find()和filter()運算用法實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！