jQuery data- 取值 https://my.oschina.net/wenjinglian/blog/906508
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content="无忌"> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>jQuery-data使用</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js" type="text/javascript"></script> <!--<script src="http://libs.baidu.com/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>--> </head> <body> <ul> <li id="test-id" data-id="1">1</li> <li id="test-user-name" data-user-name="张三">张三</li> <li id="test-user-info" data-user-info='{"id":2,"userName":"李四"}'>{"id":2,"userName":"李四"}</li> </ul> </body> <script> $(function(){ /** 1.jQuery 版本 >= 1.4.3 2.后续的版本 才慢慢支持 驼峰命名取值 **/ var id = $('#test-id').data('id'); console.log('id ==> ' + id); var userName = $('#test-user-name').data('user-name'); // 通用的取值写法 console.log('userName ==> ' + userName); var userNameHump = $('#test-user-name').data('userName'); // 驼峰命名取值 console.log('userNameHump ==> ' + userNameHump); var userInfo = $('#test-user-info').data('user-info'); //json对象取值 var id2 = userInfo.id; var userName2 = userInfo.userName; console.log('id2 ==> ' + id2 + ' userName2 == > ' + userName2); }); </script> </html> |
你好，我在建一个个人网站，想参照你的网站，请谅解。
哈 很少有人来留言 去做吧 有问题可以问我