在 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() 方法可以減輕我們的工作量并使代碼更加整潔和易于維護。