学习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","www.forasp.cn")就等于 $(document).data("url","www.forasp.cn")。第二个一样
这就是jquery的数据缓存,在实际使用中不知道用的是否多。
更多信息请查看IT技术专栏