当前位置 : 首页> 脚本专栏
jquery数据缓存
学习jquery第三课:query数据缓存,也就是通过jquery获取过来的对象可以对其进行缓存数据的添加和移除
方法有:data(name),data(name,value),data(obj),removedata(name),jquery.data(element,name,value),jquery.data(name,value)
下面定义一个公共的html代码
code:
<!doctype html public -//w3c//dtd html 4.0 transitional//en>
<html>
<head>
<title></title>
<script language=javascript src=jquery-1.4.2.min.js></script><!--引入jquery框架,目前jquery-1.4.2.min.js是最高版本-->
<script language=javascript><!--javascript代码区--></script>
</head>
<body>
<div id=foraspcn name=xxx><p>网站制作学习网</p></div>
</body>
<html>
1.data(name),获取jquery对象的name值。因为是数据缓存,如果没有设置则返回null或者undefind
举例$(#foraspcn).data(name);获取id为foraspcn的name缓存值,当然现在返回的是null或者undefind,与code中层中的name不同。
2.data(name,value);设置jquery对象的name值为value.
举例:$(#foraspcn).data(name,网站制作学习网!);设置name为网站制作学习网
$(#foraspcn).data(name); 则返回网站制作学习网
3.data(obj);在元素上存放一组数据,返回jquery对象。 obj是一个用于设置数据的键/值对。这个不是很理解,以后再说了。
4.removedata(name);就是清除对应对象的name,这里的data必须是大写的d
$(#foraspcn).removedata(name);这样就清除了网站制作学习网的缓存值
5.jquery.data(element,name,value),jquery.data(element,value) 这两个就是$data(name)和$data(name,value)的原始方法。其中的element是dom对象
jquery.data(document,url,)就等于 $(document).data(url,)。第二个一样
这就是jquery的数据缓存,在实际使用中不知道用的是否多。
更多脚本专栏信息请查看: 脚本专栏