jquery、id内のクラスのセレクター

以下では、要素my_class内のクラスを含む要素をどのように選択する必要がありますid = "my_id"か？

要素には別のクラスも含まれる可能性があることに注意してください。

<div id = "my_id">
    <span class = "my_class hidden">hi</span>
    <span class = "my_class">hello</span>
</div>

しようとしていました

$("#my_id [class*=my_class ]")

子孫セレクターと一緒にクラスセレクターを使用できます

$("#my_id .my_class")

プレーンなol 'クラスセレクターを使用するだけです。

$('#my_id .my_class')

要素が他のクラスも持っているかどうかは関係ありません。それは持ってい.my_classクラスを、そしてそれは内部のどこかだ#my_idそれはそのセレクタにマッチしますので、。

パフォーマンスについて

jQueryセレクターのパフォーマンスドキュメントによると、次のように2つのセレクターを個別に使用する方が高速です。

$('#my_id').find('.my_class')

ドキュメントの関連部分は次のとおりです。

IDベースのセレクター

// Fast:
$( "#container div.robotarm" );

// Super-fast:
$( "#container" ).find( "div.robotarm" );

.find()IDのみの選択を使用して処理された-最初の選択は、シズルセレクタエンジンを経由せずに処理されるためのアプローチは高速であるdocument.getElementById()ことがブラウザにネイティブであるため、非常に高速です。

IDまたはクラスのみ（特に）で選択すると、ブラウザーが提供する関数が呼び出されますが、document.getElementById()これは非常に高速ですが、子孫セレクターを使用すると、Sizzleエンジンが呼び出されます。

常に使用

//Super Fast
$('#my_id').find('.my_class'); 

の代わりに

// Fast:
$('#my_id .my_class');

JQuery Performance Rulesをご覧ください。

またjquery docで

私はあなたが<span class = "my_class">hello</span>この要素だけを選択することを望んでいると思います、あなたはこれが好きです、私があなたの質問を正しく理解しているならこれが答えです、

$("#my_id [class='my_class']").addClass('test');

DEMO

また次$( "#container" ).find( "div.robotarm" );
と等しい：$( "div.robotarm", "#container" )