jquery是一種非常流行的JavaScript庫，它提供了很多方便的方法幫助我們操作HTML元素。其中，attr()方法是一個很有用的方法，可以幫助我們設置或獲取HTML元素的屬性值。

使用attr()方法給HTML元素設置屬性值非常簡單。下面是一些示例代碼：

// 給ID為myDiv的HTML元素設置屬性值
$("#myDiv").attr("class", "my-class");
// 給所有的p標簽設置屬性值
$("p").attr("title", "my-title");
// 同時給多個屬性設置屬性值
$("input").attr({
"name": "username",
"class": "my-input"
});

如上代碼所示，使用attr()方法設置屬性值，只需要把屬性名和屬性值作為參數傳遞給該方法即可。如果要同時設置多個屬性，可以使用一個包含屬性名和屬性值的對象作為參數傳遞。

另外，使用attr()方法也可以獲取HTML元素的屬性值。下面是一個獲取屬性值的示例代碼：

// 獲取ID為myDiv的HTML元素的class屬性值
var myDivClass = $("#myDiv").attr("class");
// 獲取所有p標簽的title屬性值，并輸出到控制臺
$("p").each(function() {
var title = $(this).attr("title");
console.log(title);
});

如上代碼所示，使用attr()方法獲取屬性值，只需要傳遞屬性名作為參數即可。如果要獲取所有匹配元素的屬性值，則需要使用each()方法遍歷每一個元素，并分別獲取它們的屬性值。

綜上所述，使用jquery的attr()方法可以幫助我們方便地設置和獲取HTML元素的屬性值，非常適合在Web開發中使用。