Heim > Artikel > Web-Frontend > jquery speichert Daten in Elementen: data()

jquery speichert Daten in Elementen: data()

无忌哥哥Original: 2018-06-29 13:39:502011Durchsuche

Daten in Elementen speichern: data()

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3.在元素中存储数据:data()</title>
</head>
<body>
<img src="../images/peter.jpg" width="200" alt="php中文网" title="朱老师" id="pic" data-job="php中文网朱老师">
</body>
</html>

data(): Benutzerdefinierte Daten lesen, deren Attributname mit data- im Element beginnt. Sie können das Datenpräfix

var res = $(&#39;#pic&#39;).data(&#39;job&#39;)

weglassen Wenn Sie die vorherige attr()-Methode verwenden, müssen Sie den vollständigen Attributnamen schreiben

var res = $(&#39;#pic&#39;).attr(&#39;data-job&#39;)

data() ist auch eine Methode mit eigenem Reader und Setter

$(&#39;#pic&#39;).data(&#39;data-course&#39;, &#39;php项目开发课程&#39;)

Wenn es dynamisch automatisch festgelegt wird Definieren Sie Attribute. Das Weglassen des Präfixes

var res = $(&#39;#pic&#39;).data(&#39;course&#39;)

muss dem Element

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

vorangestellt werden. Kann data() nicht gelesen werden? Es unterstützt jedoch das dynamische Festlegen des Titelattributs, das nur in Skripten verwendet werden kann. Der ursprüngliche Wert hat sich nicht geändert.

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

Jetzt können Sie den Titelwert im Skript lesen, obwohl dieser Wert vom nativen Wert abweicht alt-Wert. Dasselbe wie

var res = $(&#39;#pic&#39;).data(&#39;title&#39;,&#39;hellow&#39;)

Ähnlich verfügt data() auch über eine entsprechende RemoveData(), die zum Löschen benutzerdefinierter Attribute oder von ihr erstellter Attribute verwendet wird

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

Benutzerdefinierte Attribute, die mit dem Original geliefert werden Tag kann nicht gelöscht werden.

var res = $('#pic').removeData('title')  //仅删除临时创建的,原值不受影响
var res = $('#pic').removeData('data-course')  //仅删除临时创建的
var res = $(&#39;#pic&#39;).data(&#39;data-course&#39;)  //仅删除临时创建的

Ergebnisse in der Konsole anzeigen

var res = $('#pic').removeData('data-job') 
var res = $(&#39;#pic&#39;).data(&#39;job&#39;)

Das obige ist der detaillierte Inhalt vonjquery speichert Daten in Elementen: data(). 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：Einführung in die Verwendung von Vue-Komponentenoptions-RequisitenNächster Artikel：Einführung in die Verwendung von Vue-Komponentenoptions-Requisiten

In Verbindung stehende Artikel

Mehr sehen