html5允许开发者自由为其标签添加属性,这种自定义属性一般用“data-”开头。
而jQuery的.data()方法除了可以获取自己绑定的数据,也可以获取上述 在标签添加的自定义属性对应的数据,请看例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
$("#tag_a").data("apple","red");
var apple = $("#tag_a").data("apple");
var orange = $("#tag_a").data("orange");
console.log(apple);
console.log(orange);
});
</script>
</head>
<body>
<a id="tag_a" href="#" data-orange="yellow"></a>
</body>
</html>
输出结果: