JQuery 的 attr() 方法可以用來添加或修改 HTML 元素的屬性值。該方法接受兩個參數。第一個參數是要操作的屬性名，第二個參數是屬性值。例如：

<div id="myDiv"></div>
<script>
$('#myDiv').attr('class', 'myClass');
</script>

以上代碼會把 id 為 myDiv 的 div 元素的 class 屬性值修改為 myClass。

如果要添加一個新的屬性，也可以使用 attr() 方法。例如：

<div id="myDiv"></div>
<script>
$('#myDiv').attr('data-id', '123');
</script>

以上代碼會給 id 為 myDiv 的 div 元素添加一個名為 data-id 的屬性，屬性值為 123。

如果要同時添加多個屬性，可以使用一個對象來指定這些屬性及其值。例如：

<div id="myDiv"></div>
<script>
$('#myDiv').attr({
'class': 'myClass',
'data-id': '123',
'title': 'My Title'
});
</script>

以上代碼會給 id 為 myDiv 的 div 元素添加 class、data-id 和 title 三個屬性，并分別賦值為 myClass、123 和 My Title。

使用 attr() 方法可以動態地修改和添加 HTML 元素的屬性值，使得頁面開發變得更加靈活和方便。