首頁 > web前端 > js教程 > jQuery中data()方法用法實例_jquery

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

WBOY
發布: 2016-05-16 16:24:14
原創
1159 人瀏覽過

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

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

語法結構一:

複製程式碼 程式碼如下:
$(selector).data(name,value)

參數列表:

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

實例碼:

複製程式碼 程式碼如下:






data()函數-腳本之家









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

語法結構二:

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

複製程式碼 程式碼如下:
$(selector).data(name)

參數列表:

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

實例碼:

複製程式碼 程式碼如下:






data()函數-腳本之家




 

 
 


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

語法結構三:

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

複製程式碼 程式碼如下:
$(selector).data(properties)

參數列表:

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

實例碼:

複製程式碼 程式碼如下:






data()函數-腳本之家









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

語法結構四:

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

複製程式碼 程式碼如下:
$(selector).data(object)

參數列表:

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

實例碼:

複製程式碼 程式碼如下:






data()函數-腳本之家




 

 
 


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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板