jQuery data()方法

data()方法用于附加和从所选元素获取数据。它是JQuery中的内置方法。我们可以使用removeData()方法删除数据。

句法

该方法的常用语法如下。下面有两种语法，其中第一种语法用于从所选元素返回数据，第二种语法用于将数据附加到所选元素。

返回数据

$(selector).data(name)

上面语法中的名称是一个可选参数。它是检索数据的数据名称。如果未指定，则data()方法将元素的所有存储数据作为对象返回。此语法返回所选元素的检索到的数据。

附加数据

$(selector).data(name, value)

此语法用于将数据附加到选定的元素。以上语法中的参数名称和值是必需参数。名称指定要设置的数据名称，值指定要设置的数据值。

现在，让我们看一个使用data()方法理解如何返回数据并将数据附加到选定元素的示例。

例

在此示例中，我们将数据附加到div元素。在这里，有两个名为“附加数据”和“获取数据”的按钮。 “附加数据”按钮将数据附加到div元素，然后单击“获取数据”按钮，将检索div元素的数据。

如果在单击“附加数据”按钮之前单击“获取数据”按钮，则将无法定义。因此，要查看附件数据，我们必须在单击“附件数据”按钮后单击“获取数据”按钮。

 This is an example of using the jQuery data() method. 
 This is a div element. 
 Click the following buttons to see the effect. 
 Attach data 
 Get data 

输出量

执行完上述代码后，输出将为-

点击附加数据按钮后，输出将为-

现在，点击获取数据按钮，输出将是-