當前位置:才華齋>設計>網頁設計>

jQuery中data()方法的語法結構及例項程式碼

網頁設計 閱讀(3.13W)
  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程式設計有所幫助。