首页 > 代码库 > jquery data方法
jquery data方法
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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。