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