jQuery 给 data 赋值和取值

版权声明：欢迎转评,一起学习. https://blog.csdn.net/xiaobinqt/article/details/84205889

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