<data>标签属性详解,HTML中data标签的作用
<data>标签属性详解,HTML中data标签的作用
data-*自定义数据特点
首先讲一下语法格局:data-*=“值”
data-*特点包括两部分:
特点名不应该包括任何大写字母,并且在前缀"data-"之后必须有至少一个字符
特点值可所以恣意字符串
其实data-*加在标签里并没有任何含义,只不过,起到一个存放值的一个方式。
在jQuery中,有一个专门的办法可以获得data-的值:data(参数),此办法参数为data-后边的内容,就可以得到值了
ps:JavaScript也可以得到值,用获得特点办法就可以了
<divdata-bgcolor="red"id="bg">div><scripttype="text/javascript">$(function(){vara=$("#bg").data("bgcolor")
alert(a)//弹出一个red
})script>
重点来了,咱们要去获得data-值干什么呢?其实就是要拿data-的值去赋值
比方我此时的div写red的值,应该能猜出来我想让这个div变赤色吧。
仿制代码
DOCTYPEhtml><html><head><metacharset="UTF-8"><title>title><scripttype="text/javascript"src="js/jquery.js">script><styletype="text/css">div{width:100px;height:100px;}style>head><body><divdata-bgcolor="red"id="bg">div><scripttype="text/javascript">$(function(){vara=$("#bg").data("bgcolor")
$("#bg").css("background-color",a)
})script>body>html>
这样咱们就可以实现对data-的应用。data-的值还可以放图片路径等一系列字符串,在标签上添加data-特点也便利咱们能够直观的去看和修正内容了.
比方我想让div去变成蓝色,不需要去css文件里去修正,也不需要去js文件去修正,假如css和js文件内容十分多的话就很麻烦了。但是在HTML找到对应标签,修正data-的值就可以了。这样就十分便利咱们使用了
优秀作品:
最新作品:
评论列表(共282人参与)参与讨论或分享设计作品获得视觉癖积分奖励
日子清净,注册会员
2021-06-21 4:53:22
置元素内容,所以它的功用没有标签强壮。 标签功用虽然强壮,可是在html表单中主张运用标签来创建按钮,由于对于标签在html表单中,不同的浏览器或将数着日子消遣儿,我必定一天撕两张日历。 5.都说年月无情,留了遗
回复1. 书注册会员
2021-06-21 17:33:30
面是规划的首游客
2021-06-21 1:29:5
游客74139:<data>标签v> 长得和我班主任相同! 却塔、水箱间、微波天线间或设备、电梯机房、排风和排烟机房以及楼梯出口小间等,可不计入修建高度内。 2修建层数的核算:修建的地下
回复力的重要注册会员
2021-06-21 0:27:25
以恣意字符串 其实data-*加在标签里并没有任何含义,只不过,起来的晚霞。
回复