Kombinieren von jQuery-Selektoren

Question

Meine IDE klagt über die ineffiziente Verwendung des jQuery-Selektors und ich frage mich, ob es einen besseren Weg dafür gibt. Dank

$('#login2').addClass('inactive'); 
    $('#login2>input').attr("disabled", 'true'); 

Answer 1

zuordnen $('#login2') zu var:

var $login = $('#login2'); 

$login.addClass('inactive'); 
$login.find('input').prop('disabled', true); 

Sollte auch in der Lage sein zu ketten, aber (zu mir) kann ge t chaotisch:

$login.addClass('inactive').find('input').prop('disabled', true); 

Answer 2

jQuery hat .prop() Elementeigenschaften zu verändern und so während der .attr() Verwendung funktionieren wird, wird vorgeschlagen, verwenden .prop():

$("#login2>input").prop("disabled", true); 

Answer 3

Die Ineffizienz kommt von der Tatsache, dass Sie von der obersten Ebene des DOM für beide Abfragen starten, wenn Ihre zweite Abfrage der spezifischen Teilmenge des DOM unter dem #login2 Element zielen konnte.

Cache Ihr erstes Abfrage-Ergebnis in einer Variablen mit

var $login = $('#login2'); 

Dann rufen Sie .find für die nächste Abfrage. Auf diese Weise muss jQuery nur den kleineren Teilbaum durchlaufen, um input Elemente zu finden.