实测jquery data()如何存值_jquery

今天在js权威指南第19章看到一句话, 说 jQuery的数据框架没有将元素数据当作元素属性来存储,但它确实需要给元素添加一个特殊的属性用来与数据关联. 但jQuery究竟是添加了一个怎样特殊的属性,目前我还没研究, 但我记得是可以通过jQuery的data("xxx")方法取HTML标签上的data-xxx属性的值的.

测试及结果如下:

复制代码 代码如下:

var $demo1 = $("#demo1");
$demo1.data("x",123);
console.log($demo1.attr("x")); //undefined
$demo1.attr("data-y","abc");
console.log($demo1.data("y")); //"abc"

时间: 2024-09-10 18:37:04

实测jquery data()如何存值_jquery的相关文章

深入理解jQuery.data() 的实现方式_jquery

jQuery.data() 的作用是为普通对象或 DOM Element 附加(及获取)数据.  下面将分三个部分分析其实现方式:  1. 用name和value为对象附加数据:即传入三个参数,第一个参数为需要附加数据的对象,第二个参数为数据的名称,第三个参数为数据的值.当然,只是获取值的话,也可以不传入第三个参数.  2. 用另一个对象为对象附加数据:即传入两个参数,第一个参数为需要附加的数据对象(我们称之为"obj"),第二个参数也是一个对象(我们称之为"another&

老生常谈JQuery data方法的使用_jquery

(-1)说明 我用的是chrome49,这个方法涉及到JQuery版本问题,我手里有3.0的,有1.9.1,后面将1.9.1及其以前的称为低版本,3.0称为高版本 测试例子用到的showMessage方法如下 showMessage.i = 0; function showMessage(object) { var body = $("body")[0]; var $p =$("#debugp"); if($p.length==0) { $p = $("&

jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍_jquery

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

创建公共调用 jQuery Ajax 带返回值_jquery

复制代码 代码如下: <script type="text/javascript"> /* 请求Ajax 带返回值,并弹出提示框提醒 --------------------------------------------------*/ function getAjax(url, parm, callBack) { $.ajax({ type: 'post', dataType: "text", url: url, data: parm, cache:

jquery自定义属性(类型/属性值)_jquery

复制代码 代码如下: <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { var ping = ''; switch ($('#Select3 option:selected').text()) { case '图片': ping += '&l

jQuery取得设置清空select选择的文本与值_jquery

获取select : 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype ").get(0).selectedindex; 设置select: 设置select 选中的索引: $("#d

关于jQuery对象数据缓存Cache原理以及jQuery.data详解_jquery

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

逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)_jquery

首先给大家介绍jquery data()函数 jQuery中data()函数用于向被选元素附加数据,或者从被选元素获取数据.通过data()函数存取的数据都是临时数据,一旦页面刷新,之前存放的数据都将不复存在. 一.jquery data()的作用 data() 方法向被选元素附加数据,或者从被选元素获取数据. 通过data()函数存取的数据都是临时数据,一旦页面刷新,之前存放的数据都将不复存在. 该函数属于jQuery对象(实例).如果需要移除通过data()函数存放的数据,请使用 remov

Jquery获得控件值的三种方法总结_jquery

一 Jquery获得服务器控件值的方法由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法: 服务器控件代码:<asp:TextBox ID="txtUserID" runat="server"></asp:TextBox> 1. $("#<%=txtUserID.ClientID%>").val(); 2. $("inpu