4 自定義資料《jquery實戰》

data([key],[value])

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

key （string） 

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

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

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

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

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

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

$.data(document.getelementbyid('book'),'price',10);

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

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

返回

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

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

例子：

removedata([name|list])

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

刪除所有

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

$('#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

jquery自定義校驗

jquery自定義校驗 自定義乙個方法例子 一 定義jquery validate的方法 validator.addmethod flushpricevalidate 引數說明 value 被校驗元素的 value值 element 代表被校驗元素，params 新增校驗規則時 function v...

jquery自定義外掛程式

jquery自定義外掛程式的幾種常用的方法 第一種方法 fn.fun function target fun 第二種方法 fn.extend target fun 第三種方法 extend fun 在這裡需要詳細解釋一下jquery的api extend var obj1 var obj2 var ...

Jquery 自定義動畫

用於建立自定義動畫的函式。這個函式的關鍵在於指定動畫形式及結果樣式屬性物件。這個物件中每個屬性都表示乙個可以變化的樣式屬性 如 height top 或 opacity 注意 所有指定的屬性必須用駱駝形式，比如用marginleft代替margin left.而每個屬性的值表示這個樣式屬性到多少時動...