本文小编为大家详细介绍“jquery的data()如何用”，内容详细，步骤清晰，细节处理妥当，希望这篇“jquery的data()如何用”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了会宁免费建站欢迎大家使用！

在jquery中，data()方法可以用于向被选元素附加数据，语法“$(selector).data(name,value)”；也可以用于从被选元素中获取数据，语法“$(selector).data(name)”。

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery data()方法

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

语法：

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

$(selector).data(name)

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

• 向被选元素附加数据。

可以是单个名称/值对

$(selector).data(name,value)

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

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

$(selector).data(object)

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

示例：向元素附加数据，然后取回该数据

	
		
		
		
			$(document).ready(function() {
				$("#btn1").click(function() {
					$("div").data("greeting", "Hello World");
				});
				$("#btn2").click(function() {
					alert($("div").data("greeting"));
				});
			});
		
	
	
		把数据添加到 div 元素
		获取已添加到 div 元素的数据
		

	

读到这里，这篇“jquery的data()如何用”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注创新互联行业资讯频道。

文章名称：jquery的data()如何用
文章出自：http://azwzsj.com/article/gjpdop.html