jQuery中数据缓存$.data的用法及源码完全解析(2)

$( "body" ).data( "foo", 52 ); // 传入key, value $( "body" ).data( "bar", { myType: "test", count: 40 } ); // 传入key, value $( "body" ).data( { baz: [ 1, 2, 3 ] } ); // 传入key, value $( "body" ).data( "foo" ); // 52 // 传入key $( "body" ).data(); // 未传入参数

HTML5 data attriubutes:

<div data-role="page" data-last-value="43" data-hidden="true" data-options='{"name":"John"}'></div> $( "div" ).data( "role" ) === "page"; $( "div" ).data( "lastValue" ) === 43; $( "div" ).data( "hidden" ) === true; $( "div" ).data( "options" ).name === "John";

.data(key, value), .data(key) 源码解析