jQuery - 使用要点 - 数据方法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u013275171/article/details/85315065

Data Methods (数据方法)

// 储存和检索元素相关的数据
$( "#myDiv" ).data( "keyName", { foo: "bar" } );
 
$( "#myDiv" ).data( "keyName" ); // 返回值为：{ foo: "bar" }

建立元素之间的关系：

// 使用.data()方法储存元素之间的关系 
$( "#myList li" ).each(function() {
 
    var li = $( this );
    var div = li.find( "div.content" );
 
    li.data( "contentDiv", div ); // 设置关系
 
});
 
// 之后不用再费力的再次寻找<div>
// 只需从列表元素数据中读取出该<div>就行了
var firstLi = $( "#myList li:first" );

// firstLi.data( "contentDiv" )取得关系
// firstLi.data( "contentDiv" )就代表了相关联的<div>
firstLi.data( "contentDiv" ).html( "new content" );