Jquery data-属性的获取与使用
在HTML中，可以使用data-*属性来存储页面的自定义数据。在jQuery中，可以使用.data()方法来获取和设置这些属性的值。
获取data-*属性的值：
// 假设有这样一个元素：<div id="myDiv" data-my-key="myValue"></div>
var value = $('#myDiv').data('my-key'); // 返回 "myValue"设置data-*属性的值：
// 设置data-my-key属性的值
$('#myDiv').data('my-key', 'newValue');使用data-*属性进行条件判断：
$('div').each(function() {
var isImportant = $(this).data('important');
if (isImportant) {
$(this).css('color', 'red'); // 如果有data-important属性，则将文字颜色设置为红色
}
});在上述代码中，我们遍历了页面上所有的div元素，并根据它们的data-important属性来改变文字颜色。如果元素有data-important属性，则其值被视作true，文字颜色被设置为红色。
评论已关闭