jQuery 学习四(数据缓存)

● data(name)

Javascript代码



/**

* 返回元素上储存的相应名字的值，可以用 data(name,value) 来设定。

* 如果 jQuery 对象所对应的 DOM 指向多个元素，那将只返回第一个元素的对应数据。

* @return Any

* @owner jQuery Object

*/

function data(name);

// 例子：在一个div上存取名/值对数据

<div></div>

// 返回 undefined

$("div").data("blah");

// blah 设置为 hello

$("div").data("blah", "hello");

// 返回 hello

$("div").data("blah");

// 重新设置为 86

$("div").data("blah", 86);

// 返回 86

$("div").data("blah");

// 移除 blah

$("div").removeData("blah");

// 返回 undefined

$("div").data("blah");

● data(name,value)

Javascript代码



/**

* 在元素上存放数据，同时也返回 value。如果 jQuery 对象所对应的 DOM 指向多个元素，那将在所有元素上设置对应数据。

* @name(String) 存储的数据名

* @value(Any) 将要存储的任意数据

* @return value(Any)

* @owner jQuery Object

*/

function data(name, value);

● removeData(name)

Javascript代码



/**

* 在元素上移除存放的数据，与 与 $(selector).data(name, value) 函数的作用相反

* @name(String) 存储的数据名

* @return jQuery Object

* @owner jQuery Object

*/

function removeData(name);