博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery中data函数的用法示例
阅读量:6615 次
发布时间:2019-06-25

本文共 834 字,大约阅读时间需要 2 分钟。

hot3.png

    jquery中data() 方法向被选元素附加数据,或者从被选元素获取数据。这使我们通过HTML自定义属性,操作数据,显得非常方便。通常我们也会通过给html自定义属性这样的做法,来存储和操作数据。在jquery中也给我们

提供了data(name,value)这样的方法,来非常方便的实现。有了data()这个方法,你就可以很方便的在一个html标签中添加data-*这样的自定义属性。接下来,就data()方法简单的做下了解。

以下是摘自w3school中对data用法的说明:

data方法从元素中读取数据的语法:

$(selector).data(name) name:可选。规定要取回的数据的名称。

如果没有规定名称,则该方法将以对象的形式从元素中返回所有存储的数据。

data方法从元素中存储数据的语法:

$(selector).data(name,value) name:必需。规定要设置的数据的名称。 value:必需。规定要设置的数据的值。

  当然,我们在这里,也可以把一个包含键/值对的对象,向被选元素添加数据。语法如下:

$(selector).data(object)object:必需。规定包含名称/值对的对象。

  Html代码如下:

data方法之读取数据:

单个数据:data-name="lichaoqiang"
存储json数据:{"user_id":20141111,"user_name":"lichaoqiang"}

  注意:在元素data-*属性中设置json数据时,需要注意单双引号,否则可能出现undefined的,获取不到数据。正确的做法是用双引号。

data方法之存储数据:

这是一个div标签

  希望以上的介绍,能够帮助大家!

转载于:https://my.oschina.net/lichaoqiang/blog/339960

你可能感兴趣的文章
Hierarchyviewer定位Android图片资源的研究
查看>>
Swing中支持自动换行的WrapLayout
查看>>
研究base64_encode的算法
查看>>
web开发 虚拟目录映射
查看>>
几种常见图片文件格式的优缺点,以及不同的文件格式对Web应用程序性能的影响...
查看>>
NOIP 2008 传纸条(洛谷P1006,动态规划递推,滚动数组)
查看>>
创建、删除swap分区
查看>>
java链式编程设计
查看>>
简短input、form代码
查看>>
移动端页面布局
查看>>
Linux系统的组成
查看>>
FUNCS.H中的函数声明
查看>>
让织梦CMS的后台编辑器支持优酷视频
查看>>
Python语言中round函数的一个疑惑
查看>>
XFire完整入门教程
查看>>
hdu Collect More Jewels
查看>>
POJ2390 Bank Interest【水题】
查看>>
CCF201512-4 送货(100分)
查看>>
[转]十年前的老文:以 Linux 的名义
查看>>
jmeter脚本录制的两种方式
查看>>