JQuery中attr属性和jQuery.data()学习笔记【必看】

更新时间：2016年05月18日 11:30:03 投稿：jingxian

下面小编就为大家带来一篇JQuery中attr属性和jQuery.data()学习笔记【必看】。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧

用html直接data-key来存放，key必须全部小写。

<div data-mydata="123"></div>
consoloe.log($("div").data("mydata"));
//output 123

二避免在key中使用短横线

<a id="bar" data-foo-bar-baz="fizz-buzz" href="#">fizz buzz!</a>

$('#bar').data().fooBarBaz; //works
$('#bar').data()['fooBarBaz']; //works
$('#bar').data()['foo-bar-baz']; //does not work

以上这篇JQuery中attr属性和jQuery.data()学习笔记【必看】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

jQuery实现弹弹球小游戏
这篇文章主要为大家详细介绍了jQuery实现弹弹球小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-08-08
jQuery源码分析-05异步队列 Deferred 使用介绍
异步队列是一个链式对象，增强对回调函数的管理和调用，用于处理异步任务
2011-11-11
jQuery easyUI datagrid 增加求和统计行的实现代码
下面小编就为大家带来一篇jQuery easyUI datagrid 增加求和统计行的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
jQuery表单验证之密码确认
这篇文章主要为大家详细介绍了jQuery表单验证之密码确认的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
使用jQuery给Table动态增加行、清空table的方法
这篇文章主要介绍了使用jQuery给Table动态增加行、清空table的方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-09-09
jQuery 入门讲解1
jquery的优点比较多，大家可以学习下，网上好多效果都是用jquery实现的。
2009-04-04
jQuery实现的隔行变色功能【案例】
这篇文章主要介绍了jQuery实现的隔行变色功能,结合具体实例形式分析了jQuery事件响应、元素遍历及属性动态操作相关使用技巧,需要的朋友可以参考下
2019-02-02
json格式的javascript对象用法分析
这篇文章主要介绍了json格式的javascript对象用法,结合实例形式总结分析了javascript针对json格式数据操作的常见技巧,需要的朋友可以参考下
2016-07-07
jQuery数据缓存功能的实现思路及简单模拟
jQuery缓存系统不仅运用于DOM元素，动画、事件等都有用到这个缓存系统
2013-05-05
jQuery下的动画处理总结
最近一年多一直在做前端的东西，由于老板在追求一些年轻动感的效果，让页面元素不能仅仅是简单的隐藏显示，所以经常会使用一些动画效果，发现jQuery的动画真心好用啊，把常用的几个总结一下，希望不再每次使用的时候还去翻API
2013-10-10