开发者社区> it徐胖子> 正文

jQuery.data()方法

简介:
+关注继续查看

data() 方法向被选元素附加数据,或者从被选元素获取数据。也是以一种键值对的形式存在。

 

实例一:

$("#btn1").click(function(){

      $("div").data("greeting", "Hello World");   //  向被选元素附加数据

});

 

$("#btn2").click(function(){

         alert($("div").data("greeting"));             //   获取数据,获取键为"greeting"的值,应该为Hello World

});

 

 

实例二:

  testObj=new Object();
  testObj.greetingMorn="Good Morning!";
  testObj.greetingEve="Good Evening!";


  $("#btn1").click(function(){
    $("div").data(testObj);
  });


  $("#btn2").click(function(){
    alert($("div").data("greetingEve"));        // 输出"Good Evening!"
  });

 

原帖地址:http://www.w3school.com.cn/jquery/data_jquery_data.asp

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
JQuery Ztree 树插件配置与应用小结 2
JQuery Ztree 树插件配置与应用小结
27 0
JQuery Ztree 树插件配置与应用小结 1
JQuery Ztree 树插件配置与应用小结
23 0
开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件
开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件
32 0
jQuery插件实现图片墙小案例
jQuery插件实现图片墙小案例
51 0
【jquery Ajax】接口的学习与Postcode插件的使用
【jquery Ajax】接口的学习与Postcode插件的使用
75 0
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
127 0
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
130 0
NET MVC第七章、jQuery插件验证
NET MVC第七章、jQuery插件验证
82 0
编写自定义的JQuery插件的几个注意点
编写自定义的JQuery插件的几个注意点
54 0
+关注
it徐胖子
IT徐胖子
文章
问答
视频
文章排行榜
最热
最新
相关课程
更多
相关电子书
更多
23-Vue.js在前端...1506518547.pdf
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载