Rumah > Artikel > hujung hadapan web > Berkongsi contoh penggunaan jquery yang mengendalikan data HTML5-*_jquery
Selepas membaca spesifikasi terperinci HTML5, anda akan mendapati bahawa penggunaan atribut data tersuai ini adalah sangat mudah, iaitu, anda boleh menambah sebarang atribut bermula dengan "data-" pada teg HTML dipaparkan pada halaman , ia tidak akan menjejaskan reka letak dan gaya halaman anda, tetapi ia boleh dibaca dan ditulis.
Kaedah ini telah dibina ke dalam jquery Data boleh diperolehi melalui $('#content').data('list'); .
http://code.jquery.com/jquery-2.1.0.min.js">>
$(fungsi(){
//Baca nilai data-*
$("li").setiap(fungsi(v) {
console.log($(this).data('name'));
});
//Tetapkan nilai data-*
$("li").eq(0).data('nama','bryant');
$("li").setiap(fungsi(v) {
console.log($(this).data('name'));
});
//Padam nilai data-* RemoveAttr digunakan di sini dan ujian removeData rasmi tidak berfungsi
$("li").eq(0).removeAttr('data-name');
$("li").setiap(fungsi(v) {
console.log($(this).data('name'));
});
})