$（'div div'）和$（'div'）之間的區別find（'div'）？

我只是在用jQuery，而我偶然發現了Find函數。

我測試這樣的：

$(document).ready(function(){ 

    $('button').click(function(){ 

     $('div').find('div').fadeOut(2000); 

    }); 
});

這

$(document).ready(function(){ 

    $('button').click(function(){ 

     $('div div').fadeOut(2000); 

    }); 
});

而且都產生完全相同的結果。

有什麼區別？ :)

2011-06-19 Jeff

根據功能規格，根本不應該有任何差異。可能有一些性能差異，應該可以忽略不計。 – Jon

@Jon好吧，後者更容易輸出:) – Jeff

在你的例子中沒有區別，但有些情況下，你不能使用第一個，例如let't說你有一個元素作爲一個函數的參數，你想在它內部找到div ，那麼你必須使用「查找」方法。

function foo(index, el) 
{ 
    $(el).find("div")... 
}

但是當你知道確切的路徑時，顯然第二種方法更魯莽。

2011-06-19 16:04:57

啊 - 好吧，做'$（el +'div'）...'也可以:) – Jeff

@Jeff：只有'el'是一個選擇器。 – SLaks

也$（「div」，el）:-) –

沒有區別。

如果您已有jQuery對象，則find方法很有用。
否則，單個選擇器更簡單。

因爲這個原因，大多數選擇器都有相應的方法（.children(),.first(),.not()）。您可以撥打.end()返回到上一個對象。

2011-06-19 16:04:59 SLaks

不錯，我不知道.end（），但不是太多鏈接？使用這將使代碼可怕的不可讀:) –

在這個特定的情況下，他們做同樣的事情。請注意0將遍歷全部匹配元素的後代。

2011-06-19 16:05:33

所以'$（'div div'）' –

是的，在這個特定的情況下。我注意到'find（）' –

的一般功能被編輯以使其更清楚。 –

它們兩者的功能完全相同，但在舊版瀏覽器中document.querySelectorAll()不可用（Old IEs）$("div").find("div");更快，正如Paul Irish在this comment here中所確認的那樣。

另一個要注意的是，在jQuery的你也可以這樣做：

$("div", "#some-element")

這將搜索div的#some-element內。 jQuery實際上將其轉換爲：

$("#some-element").find("div")

所以總是建議使用.find（）而不是在上下文中傳遞。

2011-06-19 16:06:22

+1這是真的。另一方面，使用'div div'的* qSA瀏覽器會快得多。 – lonesomeday

回答