jquery - jQuery で複数のセレクターを使用する

Question

私は次のように機能するjQueryステートメントを持っています

 var firstHeaderLineElement = $(".resultGridTable .tableColGroupAssociate");

.tableColGroupAssociate を変数として作成することで、これをより一般化する必要があります。私は以下を使用してこれを達成しました：

    var hideClass = '.tableColGroupAssociate';
    var firstHeaderLineElement = $(".resultGridTable").find(hideClass);

ただし、「検索」が必要です。これによりパフォーマンスの良い jQuery の方法はありますか?

score 3 · Accepted Answer

セレクターの識別に複数の文字列を使用できます

var hideClass = '.tableColGroupAssociate';
var firstHeaderLineElement = $(".resultGridTable " + hideClass);

score 3 · Accepted Answer

文字列連結の使用:

var hideClass = '.tableColGroupAssociate';
var firstHeaderLineElement = $(".resultGridTable " + hideClass );

jQuery$(selector, context)形式:

var hideClass = '.tableColGroupAssociate';
var firstHeaderLineElement = $(".resultGridTable", hideClass);

しかし、内部的には.find().

ノート

ただし、jQuery は常にfind()メソッドを実装しません。最新のブラウザーではdocument.querySelectorAll()、ブラウザーがそれを有効な CSS セレクターとして解析しようとするように、を実装しようとします。

このデフォルトエンジンが失敗した場合、jQuery はデフォルトエンジンSizzleを使用してセレクターを解析します。Sizzle は、DOM 走査の内部メカニズムを使用します。