Fournir un contexte pour le sélecteur JQuery ID aide?

Question

Pour la performance, laquelle est la plus rapide?

$('#' + strControlId); 

ou

$('#' + strControlId, $('#' + strContextId)); 

Answer 1

Pour répondre à votre question, la première sera plus rapide. Vous n'appellerez qu'une seule fois getElementById. Une chose à noter est que le paramètre context attend un noeud HTML et pas un objet jQuery. Dans votre cas, le deuxième point est toujours à la recherche dans le document plutôt qu'à l'intérieur

$('#' + strContextId) 

Assurez-vous d'ajouter [0] sur l'extrémité de l'objet jQuery pour passer le noeud HTML. Pour tester cela, vous pouvez utiliser la propriété context pour vérifier dans quel contexte le sélecteur est sélectionné. Pour vos exemples ci-dessus, vous pouvez le faire

console.log($('#' + strControlId).context); 
console.log($('#' + strControlId, $('#' + strContextId)).context); 

Et vous constaterez qu'ils retournent tous les deux le contexte "Document". Si vous exécutez

console.log($('#' + strControlId, $('#' + strContextId)[0]).context); 

Il doit retourner n'importe quel élément $ ('#' + strContextId) pointe également.

Answer 2

Je pense que le premier serait plus rapide (ça fait moins). Bien que quand je pense à l'aide du paramètre de contexte, je pense à faire des choses comme l'accès à des champs dans un document parent d'un iframe ou quelque chose comme:

var el = $('#' + strControlId, parent.document); 

Vous pouvez essayer quelques points de repère si vous êtes vraiment curieux.

Answer 3

Étant donné que vous utilisez un ID comme votre requête, je doute que ce soit plus rapide.

Un bon exemple serait ceci.

var inputs = $('input'); 
$('[class=this][name=that]', inputs).css('color', 'red');