3 回答

TA貢獻1886條經驗 獲得超2個贊
jquery中data() 方法向被選元素附加數據,或者從被選元素獲取數據。
jquery中data() 方法向被選元素附加數據,或者從被選元素獲取數據。這使我們通過HTML自定義屬性,操作數據,顯得非常方便。通常我們也會通過給html自定義屬性這樣的做法,來存儲和操作數據。在jquery中也給我們
提供了data(name,value)這樣的方法,來非常方便的實現。有了data()這個方法,你就可以很方便的在一個html標簽中添加data-*這樣的自定義屬性。接下來,就data()方法簡單的做下了解。
以下是摘自w3school中對data用法的說明:
data方法從元素中讀取數據的語法:
$(selector).data(name) name:可選。規定要取回的數據的名稱。
如果沒有規定名稱,則該方法將以對象的形式從元素中返回所有存儲的數據。
data方法從元素中存儲數據的語法:
$(selector).data(name,value)
name:必需。規定要設置的數據的名稱。
value:必需。規定要設置的數據的值。
當然,我們在這里,也可以把一個包含鍵/值對的對象,向被選元素添加數據。語法如下:
$(selector).data(object)
object:必需。規定包含名稱/值對的對象。
Html代碼如下:
data方法之讀取數據:
單個數據:data-name="lichaoqiang"
存儲json數據:{"user_id":20141111,"user_name":"lichaoqiang"}
注意:在元素data-*屬性中設置json數據時,需要注意單雙引號,否則可能出現undefined的,獲取不到數據。正確的做法是用雙引號。
data方法之存儲數據:
這是一個div標簽

TA貢獻1887條經驗 獲得超5個贊
$("#btn1").click(function(){
$("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
alert($("div").data("greeting"));
});
定義和用法
data() 方法向被選元素附加數據,或者從被選元素獲取數據。

TA貢獻1883條經驗 獲得超3個贊
jquery的 attr() 方法用于設置或返回被選元素的屬性值,例如獲取a標簽的某個屬性值如href,可用如下代碼 $("a").attr("href");另外prop()方法也可以達到等效的效果 $("a").prop("href");示例代碼如下 創建Html元素 點擊按鈕可以獲取a標簽的href...
添加回答
舉報