jQuery对象data函数使用注意事项

HTML代码:

<div class="box" id="jquery-api-data"
data-name="chen"
data-AGE="31"
data-isStd="false"
data-func="function(){}"
data-list=‘{"listname":"eric chen"}‘
data-undefinedkey="undefined"
data-nullkey="null"
data-last-value="43">
</div>

JS代码:

var $el = $(‘#jquery-api-data‘);
$el.data(‘age‘); // 31
$el.data(‘AGE‘); // undefined
$el.data(‘isstd‘); // false
$el.data(‘func‘); // "function() {}"
$el.data(‘list‘); // obj {"listname": "eric chen"}
$el.data(‘undefinedkey‘); // "undefined"
$el.data(‘nullkey‘); // null
$el.data(‘lastValue‘); // 43
$el.data(‘lastvalue‘); // undefined
时间: 2024-10-12 04:05:35

jQuery对象data函数使用注意事项的相关文章

jquery 源码学习(四)构造jQuery对象-工具函数

jQuery源码分析-03构造jQuery对象-工具函数,需要的朋友可以参考下. 作者:nuysoft/高云 QQ:47214707 EMail:[email protected] 声明:本文为原创文章,如需转载,请注明来源并保留原文链接. 读读写写,不对的地方请告诉我,多多交流共同进步,本章的的PDF等本章写完了发布. jQuery源码分析系列的目录请查看 http://nuysoft.iteye.com/blog/1177451,想系统的好好写写,目前还是从我感兴趣的部分开始,如果大家有对哪

jquery的data()函数和html5的data属性

jquery的data()函数和html5的data属性:在html5中新增了一个自定义data属性,利用这个属性,可以添加任意的以"data-"开头的属性,这些属性不会再页面上显示,也不会影响任何原有的布局效果,并且此自定义属性是可读写的,例如: <div id="thediv" data-webname="蚂蚁部落">蚂蚁部落欢迎您</div> 以上代码就是使用自定义data属性的一个简单例子.可以使用jquery的d

jquery中data函数的用法示例

jquery中data() 方法向被选元素附加数据,或者从被选元素获取数据.这使我们通过HTML自定义属性,操作数据,显得非常方便.通常我们也会通过给html自定义属性这样的做法,来存储和操作数据.在jquery中也给我们 提供了data(name,value)这样的方法,来非常方便的实现.有了data()这个方法,你就可以很方便的在一个html标签中添加data-*这样的自定义属性.接下来,就data()方法简单的做下了解. 以下是摘自w3school中对data用法的说明: data方法从元

jQuery对象数据缓存Cache原理及jQuery.data详解

网上有很多教你怎么使用jQuery.data(..)来实现数据缓存,但有两个用户经常使用的data([key],[value])和jQuery.data(element,[key],[value])几乎没有什么文章说清楚它们两的区别,所以我用到了,研究下分享给大家.$("").data([key],[value])与jQuery.data(element,[key],[value])的区别这两个函数都是用来在元素上存放数据也就平时所说的数据缓存,都返回jQuery对象,当时我分别在使用

JQuery对象函数

1.JQuery对象函数写法格式 简单示例: main代表对象名,main.roleName = (function () { return $('#RoleName').val();})();表示为对象的roleName属性赋值. 1 $(document).ready(function () { 2 MainManager.init(); 3 }); 4 5 var MainManager = window.MainManager = {}; 6 7 (function (main) { 8

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

jQuery源码分析-03构造jQuery对象-源码结构和核心函数

3. 构造jQuery对象 3.1源码结构 先看看总体结构,再做分解: (function( window, undefined ) { var jQuery = (function() { // 构建jQuery对象 var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); } // jQuery对象原型 jQuery.fn = jQuery.

JavaScript之jQuery-9 jQuery 开发插件(添加新全局函数、添加jQuery对象方法、添加新简写方法、方法参数)

一.添加新的全局函数 全局函数 - 全局函数,实际上就是jQuery对象的方法,从实践角度看,它们是位于jQuery命名空间内部的函数 - jQuery内置的某些功能是通过全局函数实现的 - $.ajax()函数就是典型的全局函数 - 向jQuery命名空间添加一个函数,只需要将这个新函数指定为jQuery的一个属性值   - 如果要使用该全局函数时,可通过一下代码调用 - 也可以通过别名来调用 添加多个函数 - 如果我们想在插件中提供多个全局函数,可以独立的声明这些函数   - 还可以使用$.

jQuery的对象访问函数(get,index,size,each)

1.get() 元素集合 取得所有匹配的 DOM 元素集合. 这是取得所有匹配元素的一种向后兼容的方式(不同于jQuery对象,而实际上是元素数组). 如果你想要直接操作 DOM 对象而不是 jQuery 对象,这个函数非常有用. 示例 描述: 选择文档中所有图像作为元素数组,并用数组内建的 reverse 方法将数组反向. HTML 代码: <img src="test1.jpg"/> <img src="test2.jpg"/>jQuer