Jquery Cookbook摘要之使用上下文參數

你已經據說過上下文參數,可是尚未碰到使用的場合。再想$()中,傳遞選擇器的時候,能夠傳遞第二個參數,指定上下文,jQ將在這個上下文中搜索匹配選擇器表達式的元素,上下文參數多是利用最不充分的JQ功能,其用法很是簡單。傳遞一個選擇器表達式,一個jQ對象,一個DOM集合,或者一個DOM節點給上下文參數,JQ將盡在這個上下文中搜索元素。下面是個例子this

$("form").bind("submit",function(){
var inputs = $("input",this); //this表明form。 僅僅選擇form之下的Input
})
//前面已經提到能夠傳遞常規的選擇器做爲上下文好比
$('p','#content') 實質等於$("#content p")

在JQ中默認的上下文是document也就是DOM層次結構中最頂部的元素,只有在上下文不一樣於這個默認值時才須要指定,使用上下文能夠按照以下方式表達
$(context).find(selector)
實際上這就是JQ後臺所作的事情。考慮到這點,若是你已經有了對上下文的引用,那麼你傳遞它,而不是選擇器,沒有理由讓JQ再次經歷選擇過程。code

相關文章
相關標籤/搜索