data-id 和 id 的区别 data-id 的样式写法

最新推荐文章于 2024-06-26 16:30:30 发布

Zeropoint零点

最新推荐文章于 2024-06-26 16:30:30 发布

阅读量4.3w

点赞数 12

分类专栏： html5 文章标签： data-id和id区别 data-id的样式用法

本文链接：https://blog.csdn.net/qq_41648132/article/details/80364335

版权

html5 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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>
</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>

Zeropoint零点

关注

12
点赞
踩
33

收藏

觉得还不错? 一键收藏
0
评论
data-id 和 id 的区别 data-id 的样式写法

id是选择器data-id只是行内存放数据的一个标签，跟input里面的value作用是一样的同时在HTML5 中增加了一项新功能是自定义数据属性，也就是 data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性，来进行一些数据的存放。例如：&lt;style type="text/css"&gt; div[data-id="something"]...
复制链接

扫一扫

专栏目录