0

次の html を取得します。

<div class='div1'/>
<div class='div2'/>
<div class='div3'/>

ここで、 jQuery を使用してこれらの要素を非表示にしたいとしましょう.hide()。パフォーマンスに関しては、3 つを 1 つのセレクターにグループ化する方が適切です。

$('.div1, .div2, .div3').hide();

または、3 つの個別のセレクターを実行します。

$('.div1').hide();
$('.div2').hide();
$('.div3').hide();

コードを読みやすくするために、2 番目の方法を好みますが、前者の方法の方が速いのではないでしょうか?

さらに、ここで行われる選択のタイプは結果に影響します。たとえば、class tagname と id を混在させてグループ化された選択を行うとしますか?

$('.myClass, a, #myId').hide();

vs個別のセレクター。

$('.myClass').hide();
$('a').hide();
$('#myId').hide();
4

3 に答える 3

4

3つを単一のセレクターにグループ化する方が良いですか?

それらの唯一の違いは、一方が他方よりも読みやすいことです (すでにお好みのように)。パフォーマンスに大きな違いはないため、選択に基づいて誰でも使用できます-

ここに画像の説明を入力

行われている選択のタイプは、ここでの結果に影響しますか?

いいえ、これは結果に違いはありません -

于 2013-06-23T14:11:08.613 に答える
0

ベンチマークはこちら

グループ化された方が少し速いようです。

Mixed Individual: 8ms
Mixed Grouped: 6ms
Individual: 15ms
Grouped: 9ms
于 2013-06-23T14:09:04.480 に答える