4 自定義資料《jquery實戰》

data([key],[value])

在元素上存放資料,返回jquery物件。

key （string）儲存的資料名. key,value （string,any） key:儲存的資料名 value:將要儲存的任意資料 obj （object）為集合中的每個元素新增鍵/值對物件資料

data([key],[value])使用jquery方法為集合中的所有元素新增傳遞的資料。

例子，使用attr()和data()方法會獲取不同的值

console.log(typeof $('#name').attr('data-mandatory')); //string
console.log(typeof $('#name').data('mandatory'));      //boolean

undefined不會作為乙個值對待，但仍返回乙個jquery物件。

data(object)為集合中每個元素新增鍵-值對物件資料。

jquery.data()（或等價$.data()）屬於低級別方法，是dom元素操作，而不是jquery物件。

便於理解他們的不同，假設有個id 為 book 的元素，想使用$.data()方法儲存：

$.data(document.getelementbyid('book'),'price',10);
//使用data()這樣寫
$('#book').data('price',10);

data([name])使用指定的名稱來查詢儲存的資料或者html5 data-* 屬性。

返回

返回查詢的資料，沒找到返回undefined

data()方法作為讀取器的過程：

如果沒有找到之前儲存的資料，會使用給定名字查詢html元素的data-*屬性。一旦找到data-*值，此方法會把這個值儲存在jquery管理的儲存區。因此，即使使用attr()修改了屬性值，任意後續的方法呼叫也不會再從屬性中查詢資料值，因為這些資料已經儲存在jquery記憶體中。弱沒有找到，返回 undefined。

例子：

removedata([name|list])
在元素上移除存放的資料，引數可以是陣列，也可以是以空格分割的名稱。沒有引數，表示刪除所有值。
[name]     string
儲存的資料名
[list]     array,string
移除陣列或以空格分開的字串

例子：

刪除所有

$('#name').removedata();

刪除foo和bar資料，

$('#name').removedata(['foo','bar']);

或者

$('#name').removedata('foo bar');

`jquery.hasdata(element)`
確定元素是否包含相關的資料。
引數element(element)   要檢查的dom元素

例子：

$.hasdata(document.getelementbyid('name')); // 返回false，表明此元素沒有儲存資料
$.data(document.getelementbyid('name'),'count',10);
$.hasdata(document.getelementbyid('name'));  //返回true

4 自定義資料《jquery實戰》

jquery自定義校驗

jquery自定義外掛程式

Jquery 自定義動畫

4 自定義資料《jquery實戰》

jquery自定義校驗

jquery自定義外掛程式

Jquery 自定義動畫

相關推薦