jQuery中查找具有特定值自定义属性（data-*）的元素

data-user="eric"======>属性名称是user
data-user-name="eric"===>属性名称是userName
data-userName="eric"=====>属性名称是username

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>实例</title>
	<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
	<script>
		$(document).ready(function(){
	        var t1=$('.test').data();//获取该元素全部自定义属性
	        var t2=$('.test').data('age');//获取指定自定义属性
	        console.log(t1);//{age:18,user:"li"}
	        console.log(t2);//18
	        $('.test').data('age',20);//改变自定义属性
	        console.log(t1);//{age:20,user:"li"}
	        $('.test').data('weight','60kg');//设置新自定义属性
	        console.log(t1);//{age:20,user:"li",weight:"60kg"}
	    });
	</script>
</head>
<body>
	<div class="test" data-user="li" data-age="18">
	</div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>实例</title>
	<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
	<script>
		$(document).ready(function(){
	        $('a[data-url="1.html"]').html('<span style="color:red">5.html</span>');
            $('a[data-url="2.html"]').html('<span style="color:yellow">6.html</span>');
	    });
	</script>
</head>
<body>
	<div class="test" data-user="li" data-age="18">
		<a href="javascript:void(0);"  data-url="1.html">1.html</a>
		<a href="javascript:void(0);"  data-url="1.html">1.html</a>
		<a href="javascript:void(0);"  data-url="2.html">2.html</a>
		<a href="javascript:void(0);"  data-url="3.html">3.html</a>
		<a href="javascript:void(0);"  data-url="4.html">4.html</a>
	</div>
</body>
</html>