jquery操作HTML5 的data-*的用法

用户注册

投稿取消

文章分类:

还能输入300字

上传中....

热门文章更多>>

标签更多>>

word左右居中纵向分布 word左右居中对齐 word左右居中对齐怎么设置 word标题回车后为正文 word标题回车后直接分页 word标题回车后中间空了好大一段 word里面行距怎么调整无法缩小 word里面行距一直很大 word里面行距怎么设置在哪里 word试卷格式文档怎么打印 word试卷格式排版 word中隐藏文字打印 word中隐藏文字快捷键 word中隐藏文字在哪里

专题更多>>

最新文章更多>>

你是我的21646098

jquery操作HTML5 的data-*的用法

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jquery操作HTML5 的data-*的用法</title>
</head>
<script src="http://www.51sjk.com/Upload/Articles/1/0/330/330209_20220921170734017.js"></script>
<script>
$(function(){
	//读取data-*的值
	$("li").each(function(v) {
        console.log($(this).data('name'));
    });
	
	//设置data-*的值
	$("li").eq(0).data('name','bryant');
	$("li").each(function(v) {
        console.log($(this).data('name'));
    });
	
	//删除data-*的值   这里使用的是removeAttr，测试官方的removeData是不起作用的
	$("li").eq(0).removeAttr('data-name');
	$("li").each(function(v) {
        console.log($(this).data('name'));
    });
})
</script>
<body>
<ul>
	<li data-name="kobe">科比</li>
    <li data-name="gasol">加索尔</li>
    <li data-name="nash">纳什</li>
    <li data-name="fisher">费舍尔</li>
</ul>
</body>
</html>