jQuery中的attr函數被廣泛應用于訪問HTML元素的屬性。其中，attr函數中的data選項，是一個非常重要的屬性，用于存儲和訪問元素的自定義數據。

// 設置data值
$("#myDiv").attr("data-name", "John");
// 獲取data值
var name = $("#myDiv").attr("data-name");
// 刪除data值
$("#myDiv").removeAttr("data-name");

上述代碼中，我們展示了如何使用attr函數來設置、獲取和刪除元素的data屬性。以設置data為例，我們首先需要使用$()函數選擇我們要操作的HTML元素，然后使用attr函數來設置屬性名稱為data-name的自定義data屬性。這里我們將data-name屬性設置為"John"。

接下來，我們展示了如何獲取元素的自定義data屬性值。我們可以通過attr函數，將data-name屬性傳入，并將其賦值給一個變量。這里，我們用變量name來接收元素的自定義data屬性值。

最后，我們還展示了如何刪除元素的自定義data屬性。在這里，我們使用removeAttr函數，將要刪除的屬性名稱作為參數輸入即可。