suchen

Heim  >  Artikel  >  Web-Frontend  >  Operationen an inhärenten Attributen von JQuery-Elementen: prop() und removeProp()

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

无忌哥哥
无忌哥哥Original
2018-06-29 11:49:381741Durchsuche

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>

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;)

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

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

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;)
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;)

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;)

Löschen Sie das benutzerdefinierte Attribut data-nation

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

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

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

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;)

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;)

Ergebnis der Konsolenabfrage

console.log(res)

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!

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-Attribut- und benutzerdefinierte Attributoperationen: attr() und removeAttr()Nächster Artikel：jquery-Attribut- und benutzerdefinierte Attributoperationen: attr() und removeAttr()

In Verbindung stehende Artikel

Mehr sehen