jQuery data() 方法

data() 方法用于将数据附加到选定元素并从中获取数据。它是 JQuery 的一个内置方法。我们可以使用 removeData() 方法来移除数据。

语法

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

返回数据

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

附加数据

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

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

示例

在此示例中，我们将数据附加到 div 元素。这里有两个按钮，分别命名为 Attach data 和 Get data。Attach data 按钮将数据附加到 div 元素，点击 Get data 按钮时，将检索 div 元素的数据。

如果在点击 Attach data 按钮之前点击 Get data 按钮，我们将得到 undefined。因此，要查看附加的数据，必须在点击 Attach data 按钮后点击 Get data 按钮。

输出

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

点击 Attach data 按钮后，输出将是 -

现在，点击 Get data 按钮后，输出将是 -