怎么新建MySQL数据库
发布时间：2022-08-25
作者：admin
阅读：386
阅读：386
这篇文章给大家分享的是HTML中data-* 属性包括哪些部分，作用和用法是什么。小编觉得挺实用的，因此分享给大家做个参考，文中的介绍得很详细，而要易于理解和学习，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。
感谢各位的阅读，以上就是“HTML中data-* 属性包括哪些部分，作用和用法是什么”的内容了，经过本文的学习后，相信大家对HTML中data-* 属性包括哪些部分，作用和用法是什么都有更深刻的体会了吧。这里是群英网络，小编将为大家推送更多相关知识点的文章，欢迎关注！
data-*自定义数据属性
首先讲一下语法格式： data-* =“值”
data-* 属性包括两部分：
- 属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符
- 属性值可以是任意字符串
其实data-*加在标签里并没有任何含义，只不过，起到一个存放值的一个方式。
在jQuery中，有一个专门的方法可以获得data-的值：data(参数) ，此方法参数为 data- 后面的内容，就可以得到值了
ps:JavaScript也可以得到值，用获得属性方法就可以了
<div data-bgcolor = "red" >
</div> <script type="text/javascript"> $(function(){ var a=$("#bg").data("bgcolor") alert(a) //弹出一个red }) </script>
重点来了，我们要去获得data- 值干什么呢？其实就是要拿data- 的值去赋值
比如我此时的div写red的值，应该能猜出来我想让这个div变红色吧。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery.js"></script>
<style type="text/css">
div{
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div data-bgcolor = "red" >
</div>
<script type="text/javascript">
$(function(){
var a=$("#bg").data("bgcolor")
$("#bg").css("background-color",a)
})
</script>
</body>
</html>
这样我们就可以实现对data- 的应用。data- 的值还可以放图片路径等一系列字符串，在标签上添加data-属性也方便我们能够直观的去看和修改内容了.
比如我想让div去变成蓝色，不需要去css文件里去修改，也不需要去js文件去修改，如果css和js文件内容非常多的话就很麻烦了。
但是在HTML找到对应标签，修改data-的值就可以了。这样就非常方便我们使用了
感谢各位的阅读，以上就是“HTML中data-* 属性包括哪些部分，作用和用法是什么”的内容了，经过本文的学习后，相信大家对HTML中data-* 属性包括哪些部分，作用和用法是什么都有更深刻的体会了吧。这里是群英网络，小编将为大家推送更多相关知识点的文章，欢迎关注！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
相关阅读
长按识别二维码并关注微信
更方便到期提醒、手机管理