jQuery 的 data() 与 attr() 使用，data() 为何无效？

本文和大家分享的主要是jquery 的data()  与  attr()  使用，data()无效相关内容，一起来看看吧，希望对大家 学习jquery 有所帮助。

　　jQuery  的  data()  方法

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

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

　　<div data-b="true"

　　data-n="0.3"

　　data-s="cftea"

　　data-j='{ "p1" : "v1" }'>div><script type="text/javascript" src="jquery-3.1.1.min.js">script><scripttype="text/javascript">

　　script>

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

　　jQuery  的  attr()  方法

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

　　alert($("div").attr("data-j"));

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

　　有时我们发现取出来的值是 undefined ，为什么呢？原来  data()  参数不允许含大写字母：

　　· 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()  不会。

来源： 千一网络