標籤:des style blog http color strong for art
jquery.data()文檔:http://api.jquery.com/jQuery.data/
html5有個data-*屬性,跟這個功能一樣。
Note: This is a low-level method; a more convenient .data() is also available.
The jQuery.data() method allows us to attach data of any type to DOM elements in a way that is safe from circular references and therefore free from memory leaks. jQuery ensures that the data is removed when DOM elements are removed via jQuery methods, and when the user leaves the page. We can set several distinct values for a single element and retrieve them later:
jQuery.data( document.body, "foo", 52 );
jQuery.data( document.body, "bar", "test" ); Store then retrieve a value from the div element.
<html lang="en"><head> <meta charset="utf-8"> <title>jQuery.data demo</title> <style> div { color: blue; } span { color: red; } </style> <script src="//code.jquery.com/jquery-1.10.2.js"></script></head><body> <div> The values stored were <span></span> and <span></span></div> <script>var div = $( "div" )[ 0 ];jQuery.data( div, "test", { first: 16, last: "pizza!"});$( "span:first" ).text( jQuery.data( div, "test" ).first );$( "span:last" ).text( jQuery.data( div, "test" ).last );</script> </body></html>
jquery對象 http://api.jquery.com/data/
.data( key, value )
$( "body" ).data( "foo", 52 );
$( "body" ).data( "bar", { myType: "test", count: 40 } );
$( "body" ).data( { baz: [ 1, 2, 3 ] } );
$( "body" ).data( "foo" ); // 52
$( "body" ).data(); // { foo: 52, bar: { myType: "test", count: 40 }, baz: [ 1, 2, 3 ] } 更多:http://www.jb51.net/article/35322.htm