jQuery 杂项 data() 方法

jQuery 教程 · 2019-03-28 17:57:29

实例

向 <div> 元素附加数据,然后取回该数据:

$("#btn1").click(function(){
    $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
    alert($("div").data("greeting"));
});

定义和用法

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

提示:如需移除数据,请使用 removeData() 方法。

从元素返回数据

从被选元素中返回附加的数据。

语法

$(selector).data(name)

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

向元素附加数据

向被选元素附加数据。

语法

$(selector).data(name,value)

参数 描述
name 必需。规定要设置的数据的名称。
value 必需。规定要设置的数据的值。

使用对象向元素附加数据

使用带有名称/值对的对象向被选元素附加数据。

语法

$(selector).data(object)

参数 描述
object 必需。规定包含名称/值对的对象。

点击查看所有 jQuery 教程 文章: https://www.codercto.com/courses/l/35.html

查看所有标签

Web开发秘方

Web开发秘方

Brian P. Hogan、Chris Warren、Mike Weber、Chris Johnson、Aaron Godin / 七印部落 / 华中科技大学出版社 / 2013-7-10 / 66.00元

猜猜硅谷的前端工程师怎么折腾JS的?想知道无限下拉的列表怎么做吗?你知道DropBox可以当Web服务器用吗?你知道怎么做出跨平台的幻灯片效果吗?不借助插件,怎样在移动设备上实现动画效果?怎样快速搭建和测试HTML电子邮箱?怎样制作跨PC和移动设备显示的应用界面?怎样利用最新的JavaScript框架(Backbone和Knockout)提高应用的响应速度?怎样有效利用CoffeeScript和S......一起来看看 《Web开发秘方》 这本书的介绍吧!

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具