jQuery中data()方法的語法結構及實例代碼

　　jQuery中data()方法的語法結構及實例代碼

此方法可以向匹配元素附加數據，或者從匹配元素獲取數據。

語法結構一:

複製代碼 代碼如下:$(selector)(name,value)

參數列表:

參數 描述 name 存儲的數據名稱。 value 將要存儲的任意數據。

實例代碼:

複製代碼 代碼如下:

$(document)y(function(){

$("#add")k(function(){

$("div")("mydata","歡迎您");

})

$("#show")k(function(){

$("div")($("div")("mydata"));

})

})

向元素添加數據

顯示添加的數據

以上代碼能夠在匹配的div元素上附加名稱mydata，值為“歡迎您”的數據，然後利用數據名稱返回。

語法結構二:

從匹配元素中返回指定數據名稱的附加的數據。

複製代碼 代碼如下:$(selector)(name)

參數列表:

參數 描述 name 存儲的數據名稱。

實例代碼:

複製代碼 代碼如下:

$(document)y(function(){

$("#add")k(function(){

$("div")("mydata","歡迎您");

})

$("#show")k(function(){

$("div")($("div")("mydata"));

})

})

向元素添加數據

顯示添加的數據

以上代碼能夠在匹配的div元素上附加名稱mydata，值為“歡迎您”的數據，然後利用數據名稱返回。

語法結構三:

使用鍵/值對對象向匹配元素添加數據。

複製代碼 代碼如下:$(selector)(properties)

參數列表:

參數 描述 properties 一個用於設置數據的鍵/值對。

實例代碼:

複製代碼 代碼如下:

$(document)y(function(){

$("#add")k(function(){

$("div")("mydata",{username:"daoliang"});

})

$("#show")k(function(){

alert($("div")("mydata")name);

})

})

把數據添加元素

獲取添加到元素的數據

以上代碼能夠以鍵/值對方式為div附加名稱為mydata的數據，然後通過數據名和鍵取得附加的.數據值。

語法結構四:

使用對象方式為指定元素附加數據。

複製代碼 代碼如下:$(selector)(object)

參數列表:

參數 描述 object 一個用於設置數據的對象。

實例代碼:

複製代碼 代碼如下:

$(document)y(function(){

var mytest=new Object();

t="歡迎您";

nd="JQuery專區";

$("#add")k(function(){

$("div")(mytest);

})

$("#show")k(function(){

alert($("div")("second"));

})

});

把數據添加元素

獲取添加到元素的數據

以上代碼以對象方式附加數據，並且取得附加的數據值。

希望本文所述對大家的jQuery程序設計有所幫助。