首页 > 代码库 > 转载 JQuery.data()方法学习
转载 JQuery.data()方法学习
转载原地址 http://hanchaohan.blog.51cto.com/2996417/1271551
转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://hanchaohan.blog.51cto.com/2996417/1271551
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>返回值:jQuerydata([key],[value])</title> 6 </head> 7 <body> 8 <!-- demo3 data方法的使用 --> 9 <a href="javascript:;" id="demo3">demo3</a>10 <div></div>11 <button id="clear">clear</button>12 <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>13 <script type="text/javascript">14 /**15 *返回值:jQuerydata([key],[value])16 *key:存储的数据名17 *value:将要存储的任意数据18 *19 *在元素上存放数据,返回jQuery对象。20 *V1.4.3 新增用法NEW data(obj) 可传入key-value形式的数据。21 *22 */23 $(document).ready(function(){24 /**25 * demo326 */27 $("#demo3").click(function(){28 //赋值29 $(this).data("value","hanchao");30 //取值31 var value = http://www.mamicode.com/$(this).data("value");32 console.log(value);33 //重新赋值34 $(this).data("value",78);35 //重新取值36 var value_new = $(this).data("value");37 console.log(value_new);38 //赋值一个对象39 $(this).data("user",{username:"tom",password:"123456",address:"China"});40 //取值41 var username = $(this).data("user").username;42 var password = $(this).data("user").password;43 var address = $(this).data("user").address;44 console.log("username:" + username + ", password:" + password + ", address:" + address);45 //我们还可以把值放在一个div中46 $("div").data("test",{username:"tom",password:"123456",address:"China"});47 //取值48 var username1 = $("div").data("test").username;49 var password1 = $("div").data("test").password;50 var address1 = $("div").data("test").address;51 console.log("username1:" + username1 + ", password1:" + password1 + ", address1:" + address1);52 });53 /**54 * [ description] 清除div中的data数据55 * @return {[type]}56 */57 $("#clear").click(function(){58 $("div").removeData("test");59 //取值60 var username = $("div").data("test");61 console.log("username1:" + username);62 });63 });64 </script>65 </body>66 </html>
转载 JQuery.data()方法学习
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。