jquery - JQuery: .find() を使用する理由

Question

JQuery の .find-function を次のように使用する開発者がいるのはなぜですか。

$(document).find('.progress').show();

クラスの名前がわかっている場合は、次を使用できます。

$('.progress').show();

ul-lists があり、すべての li-children を選択したい場合でも、これを行うことができます

$('li')...

明快さを感謝します...ありがとう！

Answer 1

ポイントは.find()、親要素内の要素を見つけることです。

には意味がありません$(document).find(...)。

Answer 2

getElementbyIDまたはのようなネイティブ JS にマップされないため、クラスを直接使用するとパフォーマンスが低下します。getElementbyTagName

find()多くの場合、はるかに効率的です (多数の要素を持つページの場合)。

編集：：

これを思い出した記事を見つけました。#5 こちらhttp://dumitruglavan.com/jquery-performance-tips-cheat-sheet/

1. コンテキストよりも find() を使用してください 実際、.find() 関数の方が高速なようです。しかし、多くの DOM 要素を含むページを頻繁にトラバースする場合、これはより重要になります。

var divs = $('.testdiv', '#pageBody'); // 2353 on Firebug 3.6

var divs = $('#pageBody').find('.testdiv'); // 2324 on Firebug 3.6 - The best time

var divs = $('#pageBody .testdiv'); // 2469 on Firebug 3.6