jQuery 給 data 指派和取值

1. data 指派問題

data 指派有兩種方法,一種是使用

$("div").data("greeting", "Hello World");
           

 另一種是使用 (建議使用)

$("div").attr("data-greeting", "Hello World");
           

data() 和 attr() 方式的差別

• data() 方式指派不會操作 dom 節點,而是在記憶體中生成該對象,并給該對象中的屬性指派,增加或是修改.而不會在dom上顯示該資料. 
• attr() 是基于 dom 的.

2. data 取值問題

基于 data() 方式的指派,取值方式為

$("div").data("greeting");
           

基于 attr() 方式的指派,取值方式為

$("div").attr("data-greeting");
           

 兩種取值方式的差別:

• attr() 傳回的都是 String 對象,而 data() 傳回是轉換過的資料類型,如果是 data 的值是 123 那麼 data() 傳回的就是一個 nubmer ,而 attr() 傳回都永遠都是 String.

參考

https://www.cnblogs.com/GinJiong/articles/5642611.html