jQuery中data()方法的语法结构及实例代码
此方法可以向匹配元素附加数据,或者从匹配元素获取数据。
语法结构一:
复制代码 代码如下:$(selector)(name,value)
参数列表:
参数 描述 name 存储的数据名称。 value 将要存储的任意数据。
实例代码:
复制代码 代码如下:
$(document)y(function(){
$("#add")k(function(){
$("div")("mydata","欢迎您");
})
$("#show")k(function(){
$("div")($("div")("mydata"));
})
})
向元素添加数据
显示添加的数据
以上代码能够在匹配的div元素上附加名称mydata,值为“欢迎您”的数据,然后利用数据名称返回。
语法结构二:
从匹配元素中返回指定数据名称的附加的数据。
复制代码 代码如下:$(selector)(name)
参数列表:
参数 描述 name 存储的数据名称。
实例代码:
复制代码 代码如下:
$(document)y(function(){
$("#add")k(function(){
$("div")("mydata","欢迎您");
})
$("#show")k(function(){
$("div")($("div")("mydata"));
})
})
向元素添加数据
显示添加的数据
以上代码能够在匹配的div元素上附加名称mydata,值为“欢迎您”的数据,然后利用数据名称返回。
语法结构三:
使用键/值对对象向匹配元素添加数据。
复制代码 代码如下:$(selector)(properties)
参数列表:
参数 描述 properties 一个用于设置数据的键/值对。
实例代码:
复制代码 代码如下:
$(document)y(function(){
$("#add")k(function(){
$("div")("mydata",{username:"daoliang"});
})
$("#show")k(function(){
alert($("div")("mydata")name);
})
})
把数据添加元素
获取添加到元素的数据
以上代码能够以键/值对方式为div附加名称为mydata的数据,然后通过数据名和键取得附加的.数据值。
语法结构四:
使用对象方式为指定元素附加数据。
复制代码 代码如下:$(selector)(object)
参数列表:
参数 描述 object 一个用于设置数据的对象。
实例代码:
复制代码 代码如下:
$(document)y(function(){
var mytest=new Object();
t="欢迎您";
nd="JQuery专区";
$("#add")k(function(){
$("div")(mytest);
})
$("#show")k(function(){
alert($("div")("second"));
})
});
把数据添加元素
获取添加到元素的数据
以上代码以对象方式附加数据,并且取得附加的数据值。
希望本文所述对大家的jQuery程序设计有所帮助。
-
WAP教程:WML 链接和图像
链接可以制作WML卡片来显示WML的锚功能,图像可以制作WML卡片来显示图像.链接可以制作WML卡片来显示WML的锚功能。标签总是要规定一个任务("go","prev",或"refresh")。任务定义了当用户选择此链接时要做的事情。在本例中,当用户选择"Nextpage",其任务是"前往":Next...
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
-
javascript的return语句的作用
return语句在js中非常的重要,不仅仅具有返回函数值的功能,还具有一些特殊的用法,有个清晰的把握是非常有必要的。下面就结合实例简单介绍一下return语句的作用。用来返回控制和函数结果:通常情况,return语句对于一个函数是很有必要的`,因为往往需要函数在一系列的代...
-
javascript操作select元素案例分析
本文实例讲述了javascript操作select元素的.用法。分享给大家供大家参考。具体分析如下:这里熟悉一下js对select元素的操作,html页面中建立一个form,其中包含一个select元素和submit按钮。当选择select中某一项时改变其文字,当select中所有项的文字都改变后,重新恢...