jQuery 的 data([key],[value])

jQuery的data()方法

jQuery文档对.data()方法的描述: As of jQuery 1.4.3 HTML 5 data- attributes will be automatically pulled in to jQuery's data object. The treatment of attributes with embedded dashes was changed in jQuery 1.6 to conform to the W3C HTML5 specification. 示例: $("di

HTML 5 的自定义 data-* 属性和jquery的data()方法的使用

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据.但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用.这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情. 你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布局和

data([key],[value])

概述在元素上存放或读取数据,返回jQuery对象. 当参数只有一个key的时候,为读取该jQuery对象对应DOM中存储的key对应的值,值得注意的是,如果浏览器支持HTML5,同样可以读取该DOM中使用 data-[key] = [value] 所存储的值.参见最后一个示例. 当参数为两个时,为像该jQuery对象对应的DOM中存储key-value键值对的数据. 如果jQuery集合指向多个元素,那将在所有元素上设置对应数据. 这个函数不用建立一个新的expando,就能在一个元素上存放任

jQuery 中 data 方法的实现原理

前言:jQuery 作为前端使用最多最广泛的 JS 库,其源码每个 JSer 都应该研究一下.早就打算看却一直被各种事拖着,上次某公司面试时被问到 jQuery 中 data 方法是如何实现的,结果答不上来懊悔不已.现在终于下决心开始看 jQuery 的源码,就从 data 方法开始.本人也是前端新手,如果文章中有理解不当或者错误之处,欢迎留言指出,3Q~ jQuery 版本为 1.8.2 data() 的使用方法 // 向一个 dom 元素绑定数据 $("#header").data

html5的自定义data-＊属性和jquery的data()方法的使用示例

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据. 但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用. 这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情. 你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布

-_-#【jQuery】data

.data() <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body data-last-value="43" data-options='{"name": "John"}'> <script src="h

jQuery 的.data()方法

jQuery文档对.data()方法的描述: As of jQuery 1.4.3 HTML 5 data- attributes will be automatically pulled in to jQuery's data object. The treatment of attributes with embedded dashes was changed in jQuery 1.6 to conform to the W3C HTML5 specification. 示例: <div

html5的自定义data-*属性与jquery的data()方法的使用

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据.但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用.这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情. 你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布局和

关于JQuery中$.data绑定数据原理或逻辑

问题: JQuery中,对于.data([key],[value])函数,当使用其进行数据绑定时,假设要绑定的数据是“引用数据类型”,也就是对象:那么.data函数绑定的是该对象的副本还是该对象的一个引用?下面通过以下小例子来测试下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title>

html5的自定义data-*属性和jquery的data()方法的使用

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据.但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用.这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情. 你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布局和

$.data(elem, key, val) 和 elem.data(key, val)

var div1 = $("div"), div2 = $("div"); 1. div1.data("key", "1"); div2.data("key", "2"); alert($.data(div1,"key")); //2 alert($.data(div2,"key")); //2 2. $.d

关于$.data(element,key,value)与ele.data.(key,value)的区别

<!doctype html> <html> <head> <meta charset="utf-8"> <title>测试代码</title> <script src="../jQuery.js"></script> </head> <body> <div id="test1">test1</div>

jQuery.data() 与 jQuery(elem).data()源码解读

之前一直以为 jQuery(elem).data()是在内部调用了 jQuery.data(),看了代码后发现不是.但是这两个还是需要放在一起看,因为它们内部都使用了jQuery的数据缓存机制.好吧,重点就是data_user对象,跟另一个data_priv是姐妹~~ 先来看下jQuery.data(): 它调用了data_user.access( elem, name, data ); 那么data_user到底是什么鬼呢?? 我们看到,它是由Data构造的实例,Data构造器都做了一些什么呢

Jquery下控制backgroundPosition位置的问题/jquery查找data id相等的元素

1:想通过控制backgroundPosition 来实现动态效果: $(this).animate({"background-positionY":-13},1); //但是火狐不兼容 $(this).css('background-position','0px 0px'); //完全兼容 2:jquery查找data id相等的元素 $(" li [ data-id = ' + region_id + ' ]")

jquery中data()和js中dataset属性的区别

INTRO html的标签属性data-允许用户自定义属性.原生javascript和jquery分别定义了dataset属性和data()方法对标签中的data属性进行操作. 取值: 如我们定义这样两个标签: <h1 data-attrname="balabala"></h1> <h2 data-attrname="[1,2,3,4]"></h2> javascript的访问方式是dataset.attrname.我

php面试题12（多态web服务器共享session的方法：将session存到数据库）（$val=&$data[$key];）

php面试题12(多态web服务器共享session的方法:将session存到数据库)($val=&$data[$key];) 一.总结 1.多态web服务器共享session的方法:将session存到数据库 2.$val=&$data[$key]; <?php $data=array(‘a’,‘b’,‘c’); foreach($dataas$key=>$val){ $val=&$data[$key]; } ?&

繁星——jquery的data()方法

今天在看JQuery文档的时候偶然看到了data()方法,觉得挺好用的,这里做个记录. 这个方法用于在元素上存放数据,返回jQuery对象.在文档中提到V1.4.3 新增用法NEW data(obj) 可传入key-value形式的数据.这个方法的用法如下: (1)在一个div上存取数据 //HTML代码: <div></div> //JQuery代码: $("div").data("blah"); // undefined $("

jquery之data()

$("#test").data("myProp","123") alert($("#test").data("myProp")) 结果123 jquery里面的data()用来缓存内存中的原生dom对象的某个属性 $("#test").data("myProp","123") 虽然赋值了,但是也没看不到 alert($("#test&

jQuery中data()方法用法实例

语法结构一: 复制代码代码如下: $(selector).data(name,value) 参数列表: 参数描述 name 存储的数据名称. value 将要存储的任意数据. 实例代码: 复制代码代码如下: <!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.jb51.net

jquery send(data) 对data的处理

// Convert data if not already a string if ( s.data && s.processData && typeof s.data !== "string" ) { s.data = jQuery.param( s.data, s.traditional ); }

jQuery 的 data([key],[value])

热门专题