Analyse des Unterschieds zwischen attr und prop in jquery_jquery

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 Sie 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:

Baidu

In diesem Beispiel umfassen die DOM-Attribute des -Elements „href, target und class“. Diese Attribute sind auch im W3C-Standard enthalten. Mit anderen Worten: Die Attribute, die in der IDE intelligent abgefragt werden können, werden als inhärente 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 offensichtlich die ersten beiden Attribute, während das letztere „action“-Attribut von uns angepasst wird. Das Element selbst verfügt nicht über dieses Attribut. 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"

Volltext abgeschlossen.

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