jQuery 属性选择器

jQuery的属性选择器允许你基于元素的HTML属性来定位元素。以下是两个主要的操作方式：

1. **获取属性值**[^1]:

   var $element = $('#myDiv'); // 假设#myDiv是你想要操作的元素
   var attributeValue = $element.prop('attributeName'); // 替换'attributeName'为你想获取的属性名称
   console.log(attributeValue); // 打印该属性的值

2. **设置属性值**:

   $element.prop('attributeName', 'newValue'); // 设置属性为新值

注意，`prop()` 方法适用于HTML属性（如`class`、`href`、`title`），而CSS样式属性（如`width`、`height`）应该使用 `css()` 方法。

要从jQuery对象转换为DOM对象以便直接访问属性，可以使用索引 ``：

var domElement = $('div'); // 获取第一个div元素的DOM对象
console.log(domElement.getAttribute('attributeName')); // 获取DOM元素的属性值
domElement.setAttribute('attributeName', 'newValue'); // 设置DOM元素的属性值