在 Javascript 中设置一个元素的数据属性值是一项相当常见的任务。然而，使用 jQuery 可以使这项工作变得更加容易和优雅。

使用 jQuery 的 .data() 方法可以设置元素的 data 属性值，例如：

$(".my-element").data("my-key", "my-value");

这行代码将在所有类名为 .my-element 的元素中设置名为 my-key 的 data 属性值为 my-value。

在此基础上，我们可以通过 .data() 方法实现更加复杂的数据操作，例如在一个元素上多次操作和读取多个 data 属性值：

$(".my-element-1").data("my-key-1", "my-value-1");$(".my-element-1").data("my-key-2", "my-value-2");var myKeyValue1 = $(".my-element-1").data("my-key-1");var myKeyValue2 = $(".my-element-1").data("my-key-2");

这段代码会在类名为 .my-element-1 的元素上分别设置名为 my-key-1 和 my-key-2 的 data 属性值，然后通过读取这两个属性值将它们保存在 myKeyValue1 和 myKeyValue2 这两个变量中。

使用 jQuery 的 .data() 方法可以减轻我们的工作量并使代码更加整洁和易于维护。