Operationen an inhärenten Attributen von JQuery-Elementen: prop() und removeProp()-js-Tutorial-php.cn

Operationen an inhärenten Attributen von JQuery-Elementen: prop() und removeProp()

无忌哥哥

Freigeben： 2018-06-29 11:49:38

Original

1776 Leute haben es durchsucht

Operationen für die inhärenten Attribute von JQuery-Elementen: prop() und removeProp()

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2.元素固有属性的操作:prop()和removeProp()</title>
</head>
<body>
<img src="../images/fbb.jpg" width="200" alt="美女" title="明星" id="pic" data-nation="中国">
</body>

Nach dem Login kopieren

1.prop(): Nur die inhärenten Attribute des Elements können abgerufen werden

Get the inhärente Attribute alt, title

var res = $(&#39;#pic&#39;).prop(&#39;alt&#39;)
var res = $(&#39;#pic&#39;).prop(&#39;title&#39;)

Nach dem Login kopieren

ruft das benutzerdefinierte Attribut data-nation ab, gibt undefiniert zurück und kann

var res = $(&#39;#pic&#39;).prop(&#39;data-nation&#39;)

Nach dem Login kopieren

nicht abrufen. Aber wie man prop() verwendet, um das benutzerdefinierte Attribut dynamisch festzulegen, und dann Sie können

var res = $(&#39;#pic&#39;).prop(&#39;data-nation&#39;,&#39;中国山东&#39;)

Nach dem Login kopieren

normal erhalten.

Beim Betrachten des Elements wird festgestellt, dass sich das benutzerdefinierte Attribut nicht geändert hat, sodass diese Einstellung keine Auswirkungen auf das Element hat.

Der benutzerdefinierte Attributwert Zu diesem Zeitpunkt erneut angezeigt, handelt es sich nur um einen temporären Wert, der im aktuellen Skript vorhanden ist. Daten

var res = $(&#39;#pic&#39;).prop(&#39;data-nation&#39;)

Nach dem Login kopieren

2.removeProp()

Diese Methode unterscheidet sich von removeAttr() in zwei Punkten:

1. Durch Leerzeichen getrennte Attributlistenzeichenfolgen werden nicht unterstützt, d der Wert auf false

Mehrere Attribute können nicht gleichzeitig entfernt werden, daher ist diese Anweisung ungültig

var res = $(&#39;#pic&#39;).removeProp(&#39;alt data-nation&#39;)

Nach dem Login kopieren

Löschen Sie das benutzerdefinierte Attribut data-nation

var res = $(&#39;#pic&#39;).removeProp(&#39;data-nation&#39;)

Nach dem Login kopieren

Löschen Sie das native Attribut alt , der Löschvorgang ist fehlgeschlagen

var res = $(&#39;#pic&#39;).removeProp(&#39;alt&#39;)

Nach dem Login kopieren

Verwenden Sie „removeAttr()“, um das native Attribut zu löschen. alt, der Löschvorgang war erfolgreich

var res = $(&#39;#pic&#39;).removeAttr(&#39;alt&#39;)

Nach dem Login kopieren

Wenn Sie also „removeProp()“ verwenden möchten, um ein natives Attribut zu löschen, in In den meisten Fällen wird der Wert einfach auf „false“ gesetzt

Letztendlich wird das Benutzerskript es selbst verarbeiten

var res = $(&#39;#pic&#39;).prop(&#39;alt&#39;,false)
var res = $(&#39;#pic&#39;).prop(&#39;alt&#39;)

Nach dem Login kopieren

Ergebnis der Konsolenabfrage

console.log(res)

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonOperationen an inhärenten Attributen von JQuery-Elementen: prop() und removeProp(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!