jquery data()

最新推荐文章于 2025-09-12 16:56:45 发布

weixin_34216196

最新推荐文章于 2025-09-12 16:56:45 发布

阅读量68

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/chrisghb8812/p/5960983.html

本文介绍如何使用jQuery的.data()方法来读取HTML元素中的data-*属性，并提供了一个具体的示例，展示如何读取一个带有data-myid属性的div元素。

data() 方法向被选元素附加数据，或者从被选元素获取数据

使用.data(obj)方法来操作"data-*" 数据

代码如下:

<div id="awesome" data-myid="3e4ae6c4e">Some awesome data</div>

可是，怎么来读取这些数据呢？你当然可以遍历页面元素来读取你想要的属性，但jquery已经内置了方法来操作这些属性。使用jQuery 的.data()方法来访问这些"data-*" 属性。其中一个方法就是 .data(obj)，这个方法是在 jQuery1.4.3版本后出现的，它能返回相应的data属性。举个例子，你可以用下面的写法读取 data-myid属性值：

复制代码

代码如下:

var myid= jQuery("#awesome").data('myid'); console.log(myid);

转载于:https://www.cnblogs.com/chrisghb8812/p/5960983.html