這些.find（）用法有什麼區別？

Question

什麼

$data.find('select:selected'); 

和

$data.find('select').find(':selected'); 

之間的區別？

假設$data = $('#data');

<div id="data"> 
    <div> 
    <select multiple> 
    <option value="foo">foo</option> 
    </select> 
    </div> 
    </div> 

Answer 1

$data.find('select').find(':selected'); 

是基本相同

$data.find('select :selected'); 

通知的descendant selector（select和:selected之間的空間）。這發現任何:selected元素內select元素。

另一方面，您的第一個選擇器找到select:selected，這不起作用，因爲:selected applies to option elements only。

Answer 2

我想第一個解析所有的DOM一次，並得到您的選擇。

第二解析DOM，讓您的選擇，並解析檢索DOM對象找到第二選擇

它導致相同的，但性能可能它們之間改變？