jquery中的data函數(shù)怎么用

這篇文章主要介紹“jquery中的data函數(shù)怎么用”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“jquery中的data函數(shù)怎么用”文章能幫助大家解決問題。

在jquery中，data是“數(shù)據(jù)”的意思，data()函數(shù)用于在指定的元素上存取數(shù)據(jù)并返回設(shè)置值，通過該函數(shù)存取的數(shù)據(jù)都是臨時數(shù)據(jù)，頁面刷新后存放的數(shù)據(jù)都會被移除，語法為“$.data(element,key,value)”。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery中的data是什么意思

$.data() 函數(shù)用于在指定的元素上存取數(shù)據(jù)，返回設(shè)置值。

提示： 1.這是一個底層方法，.data() 方法更方便使用。

2.通過 data() 函數(shù)存取的數(shù)據(jù)都是臨時數(shù)據(jù)，一旦頁面刷新，之前存放的數(shù)據(jù)都將被移除。

3. 該方法目前并不提供在XML文檔上跨平臺設(shè)置，Internet Explorer不允許在XML文檔中通過自定義屬性附加數(shù)據(jù)。

語法

用法一

$.data( element, key, value )

注意： 1.通過data()函數(shù)存取的數(shù)據(jù)都是臨時數(shù)據(jù)，一旦頁面刷新，之前存放的數(shù)據(jù)都將被移除。

2. undefined 是一個沒有被識別數(shù)據(jù)值。調(diào)用 jQuery.data( el, "name", undefined ) 將返回對應(yīng)的 "name" 數(shù)據(jù)，等價于 jQuery.data(el, "name" ) 。

我們可以在一個元素上設(shè)置不同的值，并獲取這些值：

jQuery.data(document.body, 'foo', 52);
jQuery.data(document.body, 'bar', 'test');

用法二

$.data( element, key )

我們可以在一個元素上設(shè)置不同的值，并獲取這些值：

alert(jQuery.data( document.body, 'foo' ));
alert(jQuery.data( document.body ));

參數(shù) 描述

• element Element類型 要存儲數(shù)據(jù)的DOM對象

• key 可選。String類型 指定的鍵名字符串。

• value 可選。 Object類型 需要存儲的任意類型的數(shù)據(jù)。

關(guān)于“jquery中的data函數(shù)怎么用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。