data-id和id的区别
id是选择器data-id只是⾏内存放数据的⼀个标签，跟input⾥⾯的value作⽤是⼀样的同时在HTML5 中增加了⼀项新功能是⾃定义数据属性，也就是 data-* ⾃定义属性。在HTML5中我们可以使⽤以 data- 为前缀来设置我们需要的⾃定义属性，来进⾏⼀些数据的存放。
<style type="text/css">
div[data-id="something"]{
background-color: yellow;
}
</style>
<body>
<div data-id="something">hello world</div>
<button>click me</button>
jquery选择器和css选择器的区别</body>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").on("click",function(){
$("div").removeAttr("data-id");
//⿏标单击时移除div的背景⾊
})
})
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。