jQuery中使用data()方法

jQuery中使用data()方法讀取HTML5自定義屬性data-*實例

從jQuery 1.4.3起， HTML 5 data- 屬性 將自動被引用到jQuery的數據對象中。

<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" ;