Detaillierte Erläuterung der Ähnlichkeiten und Unterschiede bei der Verwendung von attr(), prop(), val() zum Erhalten von Werten in jQuery-js-Tutorial-php.cn

Detaillierte Erläuterung der Ähnlichkeiten und Unterschiede bei der Verwendung von attr(), prop(), val() zum Erhalten von Werten in jQuery

小云云

Freigeben： 2018-01-17 11:26:30

Original

1983 Leute haben es durchsucht

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>

Nach dem Login kopieren

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

Nach dem Login kopieren

Ändern Sie den Wert des Eingabefelds und die Die Konsolenausgabe lautet: 　

123
123thgf
123thgf

Nach dem Login kopieren

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

Nach dem Login kopieren

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

jQuerys attr( ) und prop()

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!