В чем разница между этими методами .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, чтобы найти второй селектор

это приведет к тому же, но производительность может измениться между ними?