jQuery的data()方法

jQuery文档对.data()方法的描述：

As of jQuery 1.4.3 HTML 5 data- attributes will be automatically pulled in to jQuery's data object.

The treatment of attributes with embedded dashes was changed in jQuery 1.6 to conform to the W3C HTML5

specification.

示例：

$("div").data("role") === "page";
$("div").data("lastValue") === 43;
$("div").data("hidden") === true;
$("div").data("options").name === "John";

即当使用.data()获取值时，jQuery会首先尝试将获取的字符串值转化成JS类型，包括布尔值，null，数字，对象，数组：

若值是”true|false”，则返回相应的布尔值；

若值是”null”，则返回null；

若值是纯数字构成的字符串（+data + ”” === data），则返回相应的数字（+data）；

若值是由(?:{[\s\S]}|[[\s\S]])$，比如”{key:value}“或[1,2,3]，则尝试使用jQuery.parseJSON解析之；

否则返回字符串值

当然文档里也特意说明了——如果就是想获取字符串值而不想获得自动转换的值，可以使用.attr(“data-”+key)来获取相应的值。