jQuery 的 data() 与 attr() 使用,data() 为何无效?

作者:vkvi 来源:千一网络(原创) 日期:2017-2-21

jQuery 的 data() 方法

HTML 元素可以自定义属性,一般约定以“data-”开头(你不这么约定也行,但是那样就用不到 jQuery 的 data() 了)。

jQuery 的 data() 可以方便取值并转换类型。

可以自动判断值格式并转换类型,注意 JSON 的话,由于内部有双引号,所以外部就用单引号。

jQuery 的 attr() 方法

如果不想自动转换类型,就可以用 attr() 方法,这时要把“data-”写出来。

jQuery 的 data() 方法为何无效?

有时我们发现取出来的值是 undefined,为什么呢?原来 data() 参数不允许含大写字母,搞不懂 jQuery 为什么要这么干,难道是属性名称得小写的原因?

  • data-a="cftea":能用 data("a") 取值
  • data-a1="cftea":能用 data("a1") 取值
  • data-B="cftea":不能用 data("B") 取值,但可用 data("b") 取值。

attr() 则参数名称忽略大小写。

总结

  • data() 参数必须省略 "data-";attr() 不能省略。
  • data() 参数不能有大写,如果 HTML 中是大写,参数中换为小写即可;attr() 随便大写小写都可以。
  • data() 自动转换值类型;attr() 不会。

你前面那位网友看了:联想投资房地产还是应该把信息化思维带进去

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
标题:必填
内容:
本站永远终止与捏造“罪名”不支付广告费的某度联盟合作。
vkvi
vkvi

作者简介: vkvi,致力于 .NET Web 开发、移动开发的技术推广,在 .NET、SQL Server、Windows Server 等方面有深入研究和丰富经验,10 年间共计撰写文章 4000 余篇。 主持金融、国土、农业、电商等多个行业项目执行, 推行“技术提升生产力、人心决定成功率”的管理理论。 联系他