suchen

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:301940Durchsuche

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

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：jQuery erkennt den Effekt der Vorschau des großen Bildes, wenn die Maus darüber fährtNächster Artikel：jQuery erkennt den Effekt der Vorschau des großen Bildes, wenn die Maus darüber fährt

In Verbindung stehende Artikel

Mehr sehen