首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML的自定义数据属性data-*

data-* 全局属性 是一类被称为自定义数据属性的属性,它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力,并可以通过脚本(一般指JavaScript) 与 HTML 之间进行专有数据的交换。...定义和用法 data-* 属性用于存储页面或应用程序的私有自定义数据。 data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。...存储的(自定义)数据能够被页面的 JavaScript 利用,以创建更好的用户体验(不进行 Ajax 调用或服务器端数据库查询)。...data-* 属性包括两部分: ①属性名不应该包含任何大写字母,并且在前缀 “data-” 之后必须有至少一个字符。 ②属性值可以是任意字符串。...注释:用户代理会完全忽略前缀为 “data-” 的自定义属性。

1.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

    HTML5 Dataset 存储的例子 为一个元素分配data属性存储数据,例如这是一个span元素,它的内容是一首音乐的名称,我们为其HTML标签里直接预置这首歌的更多信息,在HTML源码上看起来可以这样来写...,但是需要注意,jQuery.datadata数据做出的更改,不会反映到HTML元素data属性上。...='Disclosure'] { color:red; } 这样,上面的例子的span文字就会显示为红色。...如果我想要所有的现在可订购的食物在点击后弹出对话窗,在jQuery里,也可以通过括号[]用以下方式去轻松匹配 window.jQuery && (function($){ $(".food").filter...HTML5 Dataset 浏览器支持情况 HTML5 Data属性的支持情况在IE上很糟糕: Internet Explorer: 11+ Chrome: 8+ Firefox: 6+ Opera:

    1.5K50

    jquery 操作HTML data全局属性缓存的坑

    data-* 全局属性 是一类被称为自定义数据属性的属性,它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力,并可以通过脚本(一般指JavaScript) 与 HTML 之间进行专有数据的交换。...简单的说就是html元素可以通过data-*属性存一些数据,类似于一个map,如果我们想在html的元素上额外的存一些东西是非常方便的。...一:读取是没问题的 比如我们读取divdata-num的数据: dataSet image.png image.png 分别用...二:修改就有坑了 但是修改的data-num的时候就有意思了: image.png image.png jquery设置data-num的值为2 jquery读取值的值是2 js读取值的值是1,奇怪,...查看下html元素 image.png data-num的值还是1。。。

    84120

    使用 Spring Data Repositories(

    原标题:Spring认证|使用 Spring Data Repositories()来源:(Spring中国教育管理中心) 4.4.5. ...您不需要Streamable在存储库客户端的查询之后返回并手动包装它。 支持 Vavr 集合 Vavr是一个包含 Java 函数式编程概念的库。...它附带一组自定义集合类型,您可以将其用作查询方法返回类型,如下表所示: 您可以使用第一列(或其子类型)的类型作为查询方法返回类型,并根据实际查询结果(第三列)的 Java 类型获取第二列的类型作为实现类型...不是将查询结果包装在 a Stream,而是使用数据存储特定的方法来执行流式传输,如以下示例所示: 示例 25..../schema/data/jpa/spring-jpa.xsd"> 在前面的示例,指示 Spring 扫描com.acme.repositories及其所有子包以查找扩展Repository的接口或其子接口之一

    1.1K30

    谈谈WCFData Contract(4):WCF Data Contract Versioning

    在系统开发过程,通过对Data Type添加额外的字段进而对其进行扩展,是一个种很常见的场景。...在这个Demo,我使用上面介绍的Order Processing的场景,下面是整个Solution的结构(需要说明的是,本片文章提供的Code片断和Source Code都是基于VS 2008的)。...其实在WCF解决这样一个问题的方案简单而直接,那就是在Data Contract定义一个额外的成员来存储没有在成员列表定义的信息。...[原创]谈谈WCFData Contract(1):Data Contract Overview [原创]谈谈WCFData Contract(2):WCF Data Contract对Generic...的支持 [原创]谈谈WCFData Contract(3):WCF Data Contract对Collection & Dictionary的支持 [原创]谈谈WCFData Contract

    79760

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

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

    687100

    html 摸鱼(1)

    学爬虫还得了解一下HTML网页啊 ? HTML 介绍: 首先你得知道HTML是什么,其实很简单,我们日常搜索浏览的每一个网页就是html文件.其实也没大家想的这么复杂,HTML入门超级简单的。... HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。...HTML 标签是由尖括号包围的关键词,比如 HTML 标签通常是成对出现的,比如 和 标签对的第一个标签是开始标签,第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签...HTML 文档 = 网页 HTML 文档描述网页 HTML 文档包含 HTML 标签和纯文本 HTML 文档也被称为网页 Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。... HTML 链接 HTML 链接是通过 标签进行定义的。

    2.1K20

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    热门标签

    领券