jQuery betreibt DOM, um den Wert der Form control_jquery abzurufen

Das Beispiel in diesem Artikel beschreibt, wie jQuery das DOM betreibt, um den Wert des Formularsteuerelements zu erhalten. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Der größte Unterschied zwischen HTML-Attributen und DOM-Attributen ist wahrscheinlich der Wert des Formularsteuerelements. Beispielsweise heißt das Wertattribut des Texteingabefelds im DOM defaultValue, und im DOM gibt es kein Wertattribut. Was das Optionslistenelement (select) betrifft, so wird der Wert seiner Option normalerweise über das selectedIndex-Attribut im DOM oder über das selected-Attribut seines Optionselements abgerufen.

Aufgrund dieser Unterschiede ist es am besten, die Methode .attr() nicht zu verwenden, wenn Sie den Wert eines Formularsteuerelements abrufen und festlegen. Was die Optionsliste betrifft, ist es am besten, die Methode .prop() gar nicht erst zu verwenden. Was also verwenden? Es wird empfohlen, die von jQuery bereitgestellte Methode .val() zu verwenden:

Code kopieren Der Code lautet wie folgt:

//Den aktuellen Wert des Texteingabefelds abrufen
var inputValue = $('#my-input').val();
//Den aktuellen Wert der Optionsliste abrufen
var selectValue = $('#my-select').val();
8. Stellen Sie den Wert der Radioliste ein
$('#my-single-select').val('value3');
/^Legen Sie den Wert der Mehrfachauswahlliste fest
$('#my-multi-select').val(['value1', 'value2']);

Wie .attr() und .prop() kann auch die .val()-Methode eine Funktion als Setter-Parameter akzeptieren. Mit dieser vielseitigen .val()-Methode werden Sie sich bei der Verwendung von jQuery für die Webentwicklung effizienter fühlen.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.