jQuery Data 属性

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术： MVC
作者：林松杰
撰写时间：2021/4/29

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

jQuery Data 属性

简介：data-* 属性为移动设备创建“对触摸友好的”美观的外观

提示：data-* 属性用于存储私有页面后应用的自定义数据。

data-* 属性可以在所有的 HTML 元素中嵌入数据。

自定义的数据可以让页面拥有更好的交互体验（不需要使用 Ajax 或去服务端查询数据）。

data-* 属性由以下两部分组成：

属性名不要包含大写字母，在 data- 后必须至少有一个字符。

该属性可以是任何字符串

注意：自定义属性前缀 "data-" 会被客户端忽略。

data-* 属性是 HTML5 中的新属性

jQuery Data 语法

somes

规定属性的值（以字符串）

例如：使用 data-* 属性来嵌入自定义数据：

使用 data-* 属性来写入jQuery 获取标签元素

当data-*()无参数时：获取data-*()的索引值；

jQuery removeData() 属性

定义：removeData() 方法删除之前通过 data() 方法设置的数据。

语法：name可选。规定要删除的数据的名称

如果没有规定名称，该方法将从被选元素中删除所有已存储的数据。

removeData()属性无参数时移除data-*所有数据

jQuery Data 属性相关推荐

jquery html data属性,jQuery Mobile Data 属性
jQuery Mobile Data 属性 jQuery Data 属性 jQuery Mobile 使用 HTML5 data-* 属性来为移动设备创建更具触摸友好性和吸引性的外观. 在下面的参考列 ...
html元素data属性设置变量,HTML5 自定义属性 data-* 和 jQuery.data 详解
编辑注:HTML中使用data-xx="xx"开头标记的属性到底有什么用,直接使用xx="xx"不是更简单吗?其实data-xx是HTML5的一个属性,支持通过 ...
eazyui ajax传值,jquery easyui ajax data属性传值方式
$.ajax({ url:url, type:'post', data:data, dataType:'json', contentType: "application/x-www-form ...
HTML data属性简介以及低版本浏览器兼容算法
实例使用 data-* 属性来嵌入自定义数据: <ul> <li data-animal-type="bird">Owl</li> <l ...
jquery data()
data() 方法向被选元素附加数据,或者从被选元素获取数据使用.data(obj)方法来操作"data-*" 数据代码如下: <div id="awesome ...
jQuery data
一个简单的Cache (function(){var __cache = {},Cache = {get: function(__name){return __cache[__name] || und ...
JQuery data API实现代码分析
JQuery data 接口是什么? .data() Store arbitrary data associated with the matched elements or return the v ...
html 5实用特性之data属性
HTML 5之前,我们必须依赖于class和rel属性来存储需要在网站中使用的数据片段,这种做法有时会在网站的外观和实用性之间产生冲突.而HTML 5 Data属性的存在就能很好满足需要. HTML5 ...
读jQuery源码 jQuery.data
var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/,rmultiDash= /([A-Z])/g;function internalData( elem, name ...

jQuery Data 属性

jQuery Data 属性相关推荐

最新文章

热门文章