JQuery官方学习资料(译):Data方法
2013-09-06 09:04
323 查看
你可能经常会想需要通过元素来存储一些数据。在JavaScript中你可能需要给元素添加属性来实现这样的功能,但是在某些浏览器中,你可能还需要处理因此造成的内存泄露问题。JQuery提供了一个简单的方法来存储数据到元素中和检索元素中存储的数据,并且为你解决相关的内存泄露问题。
任何类型的数据都可以被存储在元素中,例如.data()可以用来存储其他元素的引用。
你可能想建立一个列表项和其内部Div之间的关系,这样的关系可能会在每一次列表项变动的时候被建立,当然最好还是能够一次建立这样的关系,因此我们可以使用.data()方法将指向Div的引用存储在列表项中。
除了使用单一的键值对存储数据外,还可以传递一个对象来存储,这个对象可以包含一个或多个键值对。
// 通过元素来存储和检索数据 $( "#myDiv" ).data( "keyName", { foo: "bar" } ); $( "#myDiv" ).data( "keyName" ); // 返回 { foo: "bar" } |
你可能想建立一个列表项和其内部Div之间的关系,这样的关系可能会在每一次列表项变动的时候被建立,当然最好还是能够一次建立这样的关系,因此我们可以使用.data()方法将指向Div的引用存储在列表项中。
// 使用.data()来存储和检索2个元素之间的关系 $( "#myList li" ).each(function() { var $li = $( this ); var $div = $li.find( "div.content" ); $li.data( "contentDiv", $div ); }); // 以后我们不需要重新去寻找Div // 我们可以从列表项的data中读取到它 var $firstLi = $( "#myList li:first" ); $firstLi.data( "contentDiv" ).html( "new content" ); |
相关文章推荐
- JQuery官方学习资料(译):使用JQuery的.index()方法
- JQuery官方学习资料(译):Utility方法
- jquery学习手记(7)Data_utility_index方法
- JQuery官方学习资料(译):JQuery对象
- jQuery学习笔记--jqGrid方法列表 官方文档!
- JQuery官方学习资料(译):避免与其他库的冲突
- JQuery官方学习资料(译):遍历JQuery对象和非JQuery对象
- JQuery学习笔记(二)——简单操作+data方法
- JQuery官方学习资料(译):遍历
- JQuery官方学习资料(译):$ vs $()
- JQuery官方学习资料(译):$( document ).ready()
- JQuery官方学习资料(译):选择器的运作
- JQuery官方学习资料(译):操作元素
- JQuery官方学习资料(译):类型
- 转载 JQuery.data()方法学习
- jquery学习手记(7)Data_utility_index方法
- JQuery官方学习资料(译):CSS
- JQuery官方学习资料(译):$ vs $()
- JQuery官方学习资料(译):Attributes
- JQuery官方学习资料(译):选择元素