jQuery第1レベルの子セレクタ最善の方法

jQueryを使用して祖先から特定の子供を選択するには、最も生産性が高く、CPU負荷の少ない方法はありますか？jQuery第1レベルの子セレクタ最善の方法

は、我々が持っていることを想像してみましょう：

<div> 
<b>1</b> 
<p>2</p> 
<a>3</a> 
<p>2</p> 
</div>

ので

$('div > p')

または

$('div').children('p')

？

にp要素を見つけるために、div要素と1を見つける一つは、あなたがそれをベンチマーキングしようとしたことがありますか？ –

これによるとjsPerf test私はちょうど約2倍速い$('div > p')を作成しました。私は、2つのセレクタが戻ってくる要素が異なるとは思わないので、少なくともパフォーマンスの観点から、最初の方が望ましいかもしれません。

2012-05-15 08:32:25

テストに感謝します。非常に便利です。 –

心配しないで、jsPerfをブックマークしてください。JavaScriptコードをベンチマークするためのクラッキングツールです。 –

$('div > p')はあなたの選択を見つけるために、DOM 1時間を解析しているこのいずれかで

この場合のためのより良いと高速です。あなたは二回、それを解析している他のケースで

：divの

2012-05-15 08:34:23 jbduzan

答えて