当先锋百科网

首页 1 2 3 4 5 6 7

Jquery是一个Javascript库,它用多种方式简化了JavaScript的使用。其中之一是它提供了一种轻松的方式来获取和设置HTML元素上的数据。通过使用jQuery的data()方法,我们可以方便地访问和操作存储在data属性中的数据。

$("element").data("key");

使用key作为参数来获取存储在特定元素上的数据,如下所示:

<div id="container" data-name="John" data-age="30"></div>
var name = $("#container").data("name");
var age = $("#container").data("age");

在这个例子中,我们从一个包含'name'和'age'数据的'data'属性的div标签中获取数据并将其存储在变量'name'和'age'中。

我们还可以通过使用jQuery的data()方法来设置存储在特定元素上的数据,如下所示:

<div id="container"></div>
$("#container").data("name", "John");
$("#container").data("age", 30);

在这个例子中,我们设置包含'name'和'age'数据的div标签的'data'属性,该属性存储了我们所提供的数据。

总之,使用jQuery的data()方法是一种方便的方式来存储和访问HTML元素上的数据。我们可以使用它轻松地获取和设置存储在'data'属性中的数据。