jQuery中data()方法用法實例_jquery

本文實例講述了jQuery中data()方法用法。分享給大家供大家參考。具體分析如下：

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

語法結構一:

複製程式碼 程式碼如下:

$(selector).data(name,value)

參數列表:

参数	描述
name	存储的数据名称。
value	将要存储的任意数据。

實例碼:

複製程式碼 程式碼如下:

新增資料
顯示新增的資料

以上程式碼能夠在匹配的div元素上附加名稱mydata，值為「腳本之家歡迎您」的數據，然後利用數據名稱返回。

語法結構二:

從符合元素中傳回指定資料名稱的附加的資料。

複製程式碼 程式碼如下:

$(selector).data(name)

參數列表:

参数	描述
name	存储的数据名称。

實例碼:

複製程式碼 程式碼如下:

 

  新增資料
  顯示新增的資料

以上程式碼能夠在匹配的div元素上附加名稱mydata，值為「腳本之家歡迎您」的數據，然後利用數據名稱返回。

語法結構三:

使用鍵/值對物件為匹配元素新增資料。

複製程式碼 程式碼如下:

$(selector).data(properties)

參數列表:

参数	描述
properties	一个用于设置数据的键/值对。

實例碼:

複製程式碼 程式碼如下:

把資料加元素
取得新增至元素的資料

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

語法結構四:

使用物件方式為指定元素附加資料。

複製程式碼 程式碼如下:

$(selector).data(object)

參數列表:

参数	描述
object	一个用于设置数据的对象。

實例碼:

複製程式碼 程式碼如下:

 

  把資料加到元素
  取得新增到元素的資料

以上程式碼以物件方式附加數據，並且取得附加的數據值。

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