JQuery 是一種廣泛使用的 JavaScript 庫，它使得開發者能夠更加便捷地操作 HTML 文檔對象模型 (DOM)，并通過選擇器選擇特定的元素。在 JQuery 中，使用 .attr() 方法可以獲取或設置 HTML 元素的屬性值。

通常使用者使用的是選擇器 (),選擇器用于選擇 DOM 中的元素，并返回 JQuery 對象。利用 JQuery 對象，可以很容易地操作元素屬性。

<div id="test-div" class="test">這是一個測試div</div>
// 通過id選擇器獲取元素對象
var divObj = $('#test-div');
// 獲取元素的class屬性值
var classVal = divObj.attr('class');

在上面的代碼中，我們通過選擇器獲取了 ID 為 test-div 的 div 元素對象，并使用 .attr() 方法獲取了其 class 屬性值。這里需要注意的是，.attr() 方法的參數是屬性名。

除了 .attr() 方法之外，JQuery 還提供了 .prop() 方法來獲取元素的屬性值。與 .attr() 方法不同的是，.prop() 方法主要用于獲取元素的屬性值，而非屬性內容。

<input id="test-input" type="checkbox" checked="checked">
// 通過id選擇器獲取元素對象
var inputObj = $('#test-input');
// 獲取元素的checked屬性值
var checkedVal = inputObj.prop('checked');

在上面的代碼中，我們通過選擇器獲取了 ID 為 test-input 的 input 元素對象，并使用 .prop() 方法獲取了其 checked 屬性值。

總之，使用 JQuery 選擇器操作元素屬性，可以使得代碼更加簡潔易用。同時，需要根據具體的需求選擇合適的方法來獲取屬性值。