Detaillierte Erläuterung der Verwendung von prop() attr() in jQuery_jquery

Für die inhärenten Attribute des HTML-Elements selbst verwenden Sie bei der Verarbeitung die prop-Methode.
Für unsere eigenen benutzerdefinierten DOM-Attribute von HTML-Elementen verwenden wir bei der Verarbeitung die Methode attr.

Wann sollte prop verwendet werden, nachdem die Prop-Methode in höheren Versionen von JQuery eingeführt wurde? Wann sollte attr verwendet werden? Was ist der Unterschied zwischen den beiden? Diese Probleme treten auf.

Es gibt online viele Antworten auf den Unterschied zwischen den beiden. Lassen Sie mich hier über meine Gedanken sprechen. Meine Gedanken sind ganz einfach:

Für die inhärenten Attribute des HTML-Elements selbst verwenden Sie bei der Verarbeitung die prop-Methode.
Für unsere eigenen benutzerdefinierten DOM-Attribute von HTML-Elementen verwenden wir bei der Verarbeitung die Methode attr.

Die obige Beschreibung ist vielleicht etwas vage, geben Sie einfach ein paar Beispiele.

Code kopieren Der Code lautet wie folgt:

http://www.baidu.com" target="_self" class="btn">Baidu

In diesem Beispiel umfassen die DOM-Attribute des Elements „href, target und class“. Diese Attribute sind auch im W3C-Standard enthalten oder können in der IDE intelligent abgefragt werden . Die angezeigten Attribute werden als intrinsische Attribute bezeichnet. Beim Umgang mit diesen Eigenschaften wird die Verwendung der Prop-Methode empfohlen.

Code kopieren Der Code lautet wie folgt:

Löschen

In diesem Beispiel umfassen die DOM-Attribute des Elements „href, id und action“. Offensichtlich sind die ersten beiden Attribute, während das letztere „action“-Attribut von uns angepasst wird Attribut von. Dies ist ein benutzerdefiniertes DOM-Attribut. Beim Umgang mit diesen Attributen empfiehlt sich die Verwendung der attr-Methode. Wenn Sie die Prop-Methode verwenden, um Werte abzurufen und Eigenschaftswerte festzulegen, werden undefinierte Werte zurückgegeben.

Ein weiteres Beispiel:

Code kopieren Der Code lautet wie folgt:

Ist es sichtbar
Ist es sichtbar

Bei Elementen wie „Kontrollkästchen“, „Radio“ und „Auswahl“ entsprechen die aktivierten Attribute „geprüft“ und „ausgewählt“. Dies sind ebenfalls inhärente Attribute, daher müssen Sie die Prop-Methode verwenden, um das richtige Ergebnis zu erhalten.

Code kopieren Der Code lautet wie folgt:

$("#chk1").prop("checked") == false
$("#chk2").prop("checked") == true

Wenn die attr-Methode oben verwendet wird, wird Folgendes angezeigt:

Code kopieren Der Code lautet wie folgt:

$("#chk1").attr("checked") == undefiniert
$("#chk2").attr("checked") == "checked"

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.