JQuery是一種流行的JavaScript庫，可簡化Web開發中的很多常見任務。其中之一是設置或獲取HTML元素的data-id屬性。
Data-id屬性通常用于存儲與元素相關的數據，例如數據庫中的模型ID。通過將這些數據存儲在HTML元素中，可以輕松訪問它們并使用它們來完成其他任務。
以下是使用JQuery設置data-id屬性的代碼示例：

//獲取元素
var myElement = $('#myElement');
//設置data-id屬性
myElement.attr('data-id', '1');

在這個例子中，我們使用JQuery選擇器選擇了一個名為“myElement”的HTML元素，并使用attr()方法設置其data-id屬性。
您還可以使用.data()方法進行相同的操作。以下是一個使用.data()方法設置data-id屬性的代碼示例：

//獲取元素
var myElement = $('#myElement');
//設置data-id屬性
myElement.data('id', '1');

這個例子和前面的例子很相似，但使用了.data()方法而不是.attr()方法。兩種方法都可以用來設置data-id屬性，具體使用哪種方法取決于您的個人偏好。
無論您是選擇使用.attr()方法還是.data()方法，設置data-id屬性都是相對簡單的。通過使用這個屬性，您可以輕松地存儲和訪問與HTML元素相關的數據。