jquery speichert Daten in Elementen: data()-js-Tutorial-php.cn

jquery speichert Daten in Elementen: data()

无忌哥哥

Freigeben： 2018-06-29 13:39:50

Original

2039 Leute haben es durchsucht

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>

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

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

Nach dem Login kopieren

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

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

Nach dem Login kopieren

muss dem Element

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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;)  //仅删除临时创建的

Nach dem Login kopieren

Ergebnisse in der Konsole anzeigen

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

Nach dem Login kopieren

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!