Heim > Artikel > Web-Frontend > Teilen Sie Anwendungsbeispiele für den Betrieb von HTML5-Daten mit jquery-*_jquery
Nachdem Sie die detaillierten Spezifikationen von HTML5 gelesen haben, werden Sie feststellen, dass die Verwendung dieses benutzerdefinierten Datenattributs sehr einfach ist. Das heißt, Sie können dem HTML-Tag jedes Attribut hinzufügen, das mit „data-“ beginnt auf der Seite angezeigt wird, hat dies keinen Einfluss auf das Layout und den Stil Ihrer Seite, ist aber lesbar und beschreibbar.
Diese Methode ist bereits in jQuery integriert. Daten können über $('#content').data('list'); abgerufen werden. Diese Methode erschien nach jQuery Version 1.4.3 und kann das entsprechende Datenattribut zurückgeben . .
http://code.jquery.com/jquery-2.1.0.min.js">>
<script><br>
$(function(){<br>
//Lesen Sie den Wert von data-*<br>
$("li").each(function(v) {<br>
console.log($(this).data('name'));<br>
});<br>
<br>
//Legen Sie den Wert von data-*<br> fest
$("li").eq(0).data('name','bryant');<br>
$("li").each(function(v) {<br>
console.log($(this).data('name'));<br>
});<br>
<br>
//Den Wert von data-* löschen. Hier wird „removeAttr“ verwendet und der offizielle „removeData“-Test funktioniert nicht<br>
$("li").eq(0).removeAttr('data-name');<br>
$("li").each(function(v) {<br>
console.log($(this).data('name'));<br>
});<br>
})<br>
</script>