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

Heim

Web-Frontend

js-Tutorial

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

无忌哥哥

Jun 29, 2018 am 11:49 AM

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="/static/imghwm/default1.png"  data-src="../images/fbb.jpg"  class="lazy"      style="max-width:90%" 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

Verwandter Artikel

JavaScript: Erforschung der Vielseitigkeit einer WebspracheApr 11, 2025 am 12:01 AM

JavaScript ist die Kernsprache der modernen Webentwicklung und wird für seine Vielfalt und Flexibilität häufig verwendet. 1) Front-End-Entwicklung: Erstellen Sie dynamische Webseiten und einseitige Anwendungen durch DOM-Operationen und moderne Rahmenbedingungen (wie React, Vue.js, Angular). 2) Serverseitige Entwicklung: Node.js verwendet ein nicht blockierendes E/A-Modell, um hohe Parallelitäts- und Echtzeitanwendungen zu verarbeiten. 3) Entwicklung von Mobil- und Desktop-Anwendungen: Die plattformübergreifende Entwicklung wird durch reaktnative und elektronen zur Verbesserung der Entwicklungseffizienz realisiert.

Die Entwicklung von JavaScript: Aktuelle Trends und ZukunftsaussichtenApr 10, 2025 am 09:33 AM

Zu den neuesten Trends im JavaScript gehören der Aufstieg von Typenkripten, die Popularität moderner Frameworks und Bibliotheken und die Anwendung der WebAssembly. Zukunftsaussichten umfassen leistungsfähigere Typsysteme, die Entwicklung des serverseitigen JavaScript, die Erweiterung der künstlichen Intelligenz und des maschinellen Lernens sowie das Potenzial von IoT und Edge Computing.

Entmystifizieren JavaScript: Was es tut und warum es wichtig istApr 09, 2025 am 12:07 AM

JavaScript ist der Eckpfeiler der modernen Webentwicklung. Zu den Hauptfunktionen gehören eine ereignisorientierte Programmierung, die Erzeugung der dynamischen Inhalte und die asynchrone Programmierung. 1) Ereignisgesteuerte Programmierung ermöglicht es Webseiten, sich dynamisch entsprechend den Benutzeroperationen zu ändern. 2) Die dynamische Inhaltsgenerierung ermöglicht die Anpassung der Seiteninhalte gemäß den Bedingungen. 3) Asynchrone Programmierung stellt sicher, dass die Benutzeroberfläche nicht blockiert ist. JavaScript wird häufig in der Webinteraktion, der einseitigen Anwendung und der serverseitigen Entwicklung verwendet, wodurch die Flexibilität der Benutzererfahrung und die plattformübergreifende Entwicklung erheblich verbessert wird.

Ist Python oder JavaScript besser?Apr 06, 2025 am 12:14 AM

Python eignet sich besser für Datenwissenschaft und maschinelles Lernen, während JavaScript besser für die Entwicklung von Front-End- und Vollstapel geeignet ist. 1. Python ist bekannt für seine prägnante Syntax- und Rich -Bibliotheks -Ökosystems und ist für die Datenanalyse und die Webentwicklung geeignet. 2. JavaScript ist der Kern der Front-End-Entwicklung. Node.js unterstützt die serverseitige Programmierung und eignet sich für die Entwicklung der Vollstapel.

Wie installiere ich JavaScript?Apr 05, 2025 am 12:16 AM

JavaScript erfordert keine Installation, da es bereits in moderne Browser integriert ist. Sie benötigen nur einen Texteditor und einen Browser, um loszulegen. 1) Führen Sie sie in der Browser -Umgebung durch, indem Sie die HTML -Datei durch Tags einbetten. 2) Führen Sie die JavaScript -Datei nach dem Herunterladen und Installieren von node.js nach dem Herunterladen und Installieren der Befehlszeile aus.

Wie sende ich Benachrichtigungen, bevor eine Aufgabe in Quartz beginnt?Apr 04, 2025 pm 09:24 PM

So senden Sie im Voraus Aufgabenbenachrichtigungen in Quartz Wenn der Quartz -Timer eine Aufgabe plant, wird die Ausführungszeit der Aufgabe durch den Cron -Ausdruck festgelegt. Jetzt...

Wie erhalten Sie in JavaScript Parameter einer Funktion auf einer Prototypkette in einem Konstruktor?Apr 04, 2025 pm 09:21 PM

So erhalten Sie die Parameter von Funktionen für Prototyp -Ketten in JavaScript in JavaScript -Programmier-, Verständnis- und Manipulationsfunktionsparametern auf Prototypungsketten ist eine übliche und wichtige Aufgabe ...