學習jquery第三課:query數(shù)據(jù)緩存,也就是通過jquery獲取過來的對象可以對其進行緩存數(shù)據(jù)的添加和移除
方法有: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代碼區(qū)--></script>
</head>
<body>
<div id=foraspcn name=xxx><p>網(wǎng)站制作學習網(wǎng)</p></div>
</body>
<html>
1.data(name),獲取jquery對象的name值。因為是數(shù)據(jù)緩存,如果沒有設置則返回null或者undefind
舉例$(#foraspcn).data(name);獲取id為foraspcn的name緩存值,當然現(xiàn)在返回的是null或者undefind,與code中層中的name不同。
2.data(name,value);設置jquery對象的name值為value.
舉例:$(#foraspcn).data(name,網(wǎng)站制作學習網(wǎng)!);設置name為網(wǎng)站制作學習網(wǎng)
$(#foraspcn).data(name); 則返回網(wǎng)站制作學習網(wǎng)
3.data(obj);在元素上存放一組數(shù)據(jù),返回jquery對象。 obj是一個用于設置數(shù)據(jù)的鍵/值對。這個不是很理解,以后再說了。
4.removedata(name);就是清除對應對象的name,這里的data必須是大寫的d
$(#foraspcn).removedata(name);這樣就清除了網(wǎng)站制作學習網(wǎng)的緩存值
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的數(shù)據(jù)緩存,在實際使用中不知道用的是否多。