Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Ähnlichkeiten und Unterschiede bei der Verwendung von attr(), prop(), val() zum Erhalten von Werten in jQuery
Detaillierte Erläuterung der Ähnlichkeiten und Unterschiede bei der Verwendung von attr(), prop(), val() zum Erhalten von Werten in jQuery
- 小云云Original
- 2018-01-17 11:26:301875Durchsuche
Dieser Artikel bietet Ihnen hauptsächlich eine detaillierte Diskussion der Gemeinsamkeiten und Unterschiede bei der Verwendung von attr(), prop(), val() in jQuery zum Erhalten von Werten. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.
Es gibt drei ähnliche Funktionen in jQuery, um den Wert eines Elements zu ermitteln: attr(), prop(), val();
Beispielcode:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-2.1.4.js"></script>
</head>
<body>
<input type="text" value="123"/>
<button id="btn">click</button>
<script>
$("#btn").click(function(){
var attr=$("input").attr("value");
var prop=$("input").prop("value");
var val=$("input").val();
console.log(attr);
console.log(prop);
console.log(val);
})
</script>
</body>Der Code ist wie oben gezeigt, für die Eingabe festgelegt Feld Anfangswert: 123. Klicken Sie zu diesem Zeitpunkt auf die Schaltfläche und die Konsolenausgabe lautet:
123 123 123
Ändern Sie den Wert des Eingabefelds und die Die Konsolenausgabe lautet:
123 123thgf 123thgf
Wenn wir keinen Anfangswert für das Textfeld festlegen, d. h. nach dem Löschen von value="123" und Unter Verwendung des obigen js-Codes lautet die entsprechende Ausgabe wie folgt:
undefiniert
attr()-Ausgabe ist undefiniert, während prop()- und val()-Ausgabe undefiniert ist "leer".
Nach Eingabe des Werts: Die Konsolenausgabe lautet:
undefined asdasd asdasd
attr()-Ausgabe ist noch undefiniert, während prop() und val() gibt den tatsächlichen Wert aus.
Es ist ersichtlich, dass sowohl prop() als auch val() den tatsächlichen Wert des Textfelds abrufen können, während attr() immer den Attributwert von value in der Dokumentstruktur erhält vom Textfeld abweichen. Der tatsächliche Wert ist irrelevant und ändert sich nicht.
Verwandte Empfehlungen:
Der Unterschied zwischen .attr() und .data() in jQuery
jQuery .attr() und .removeAttr() Methodenbeispiel für das Betriebselement attributes_jquery
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Ähnlichkeiten und Unterschiede bei der Verwendung von attr(), prop(), val() zum Erhalten von Werten in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!