JQuery 是一种广泛使用的 Javascript 库，它使得开发者能够更加便捷地操作 HTML 文档对象模型 (DOM)，并通过选择器选择特定的元素。在 JQuery 中，使用 .attr() 方法可以获取或设置 HTML 元素的属性值。

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

<div id="test-div" >这是一个测试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 选择器操作元素属性，可以使得代码更加简洁易用。同时，需要根据具体的需求选择合适的方法来获取属性值。