首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

HTML5 data-* 自定义属性

在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用这样的结构可以进行数据存放。...使用data-*可以解决自定义属性混乱无管理的现状。 1....19890615'; 这样我们通过JavaScript设置了data-birth-date自定义属性,在CSS样式表为div添加了一些样式 读取的时候也是通过dataset对象,使用”.”来获取属性,同样需要去掉data...} *getAttribute/setAttribute可以操作所有的dataset内容,dataset内容只是attribute的一个子集,特殊就特殊在命名上了,但是dataset内只有带有data...-前缀的属性 那么为什么我们还要用data-*呢,一个最大的好处是我们可以把所有自定义属性在dataset对象中统一管理,遍历啊神马的都哦很方便,而不至于零零散散了,所以用用还是不错的。

90520

采用HTML5之data-机制自由提供数据

周末总是过得很快,又到了跟代码亲密接触的日子,我在北京向各位问好,今天我分享一点关于前端的东西,HTML5之标签"data-*"自定义属性的值传递。        ...好了,下面正式来说说HTML5的"data-*"的机制提供数据,并如何获取。因为之前在更换页面的过程中也看到了公司使用"data-*"的机制来输送数据,但是对它的印象不是太深,就没有深究。...下面是一个表单中定义data-*自定义属性,并如何获取属性的数据值。...jQuery的data()方法,该方法是用来获取data-*自定义属性的值,也可以覆盖或存储data-*属性的值。...如果你在方法中传入一个参数则是获取对应"data-*"属性的值,如果是俩个,则覆盖或设置一个新值给对应"data-*"属性。

655100

php分享朋友圈的实现代码

- expire_time = time() + 7000; $data- jsapi_ticket = $ticket; $fp = fopen("jsapi_ticket.json", "w");...<script src="http://res.wx.qq.com/open/<em>js</em>/jweixin-1.0.0.<em>js</em>" </script <script /* * 注意: * 1....所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 * 2....常见问题及完整 JS-SDK 文档地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html * * 开发中遇到问题详见文档...“附录5-常见错误及解决办法”解决,如仍未能解决可通过以下渠道反馈: * 邮箱地址:weixin-open@qq.com * 邮件主题:【微信JS-SDK反馈】具体问题 * 邮件内容说明:用简明的语言描述问题所在

60930

HTML5 自定义属性 data-* 和 jQuery.data 详解

新的HTML5标准允许你在普通的元素标签里,嵌入类似data-*的属性,来实现一些简单数据的存取。它的数量不受限制,并且也能由javascript动态修改,也支持CSS选择器进行样式设置。...但是这种方法比较低端,如果遇到多个data-*自定义字段,想要一次全部获取所有的data属性并包装成对象的话,还必须做一个循环,很麻烦。不过我们还有Dataset API可用。...document.getElementById("food-pkd").dataset.es = "Pato laqueado a la pekinesa"; 这时候我们在访问data时,就不需要"data...利用 jQuery.data 方法存取 dataset jQuery从1.4.2版本开始支持$.data()方法来直接访问data属性,同时也不需要写"data-"关键词了,例如,对于上面的例子,可以运行

1.4K50

h5新功能data-*,好好利用,还能做数据双向绑定

标题是data-,但是这里主要讲伪元素,看明白就知道了 1、jQuery Selectors 获取伪元素的属性值 虽然JS里没有可以直接操作伪元素的选择符,然而获取其CSS属性的方法还是有的。...js语法实例(完整DEMO在线链接): var div=document.querySelector('div');var fontSize=window.getComputedStyle(div,':...方法熟悉 ---- 更改伪元素的属性值 window.getComputedStyle方法虽然可以获取到伪元素的属性值,然而根据该方法名字也知道其只能获取CSS样式,并无法更改css属性,那么如果想要用js...思路有以下几个: js更改data-*属性值来更改伪元素的content值 创建多个class,通过切换class来达到改变样式的目的 利用CSSStyleSheet的insertRule方法来添加样式...利用内部css样式的高优先级来覆盖外部css 以上实现思路的推荐程度依次递减 利用DOM的data-*属性来更改content的值 data-*是HTML5新增的DOM元素属性,作用大致可以理解为标记

1.7K40

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券