jQuery中获取和设置属性

在jQuery中，你可以使用 .attr() 方法来获取和设置HTML元素的属性。这个方法有一个参数，当你传递一个参数给 .attr() 时，它会返回指定属性的值。当你传递两个参数给 .attr() 时，它会设置指定属性的值。

下面是一些示例代码：

获取属性：

// 获取id为myElement的元素的href属性
var href = $('#myElement').attr('href');
console.log(href); // 输出：http://www.example.com

设置属性：

// 设置id为myElement的元素的href属性
$('#myElement').attr('href', 'http://www.newexample.com');

你也可以一次设置多个属性：

// 设置id为myElement的元素的多个属性
$('#myElement').attr({
'href': 'http://www.newexample.com',
'title': 'New Example'
});

注意，.attr() 方法对于获取和设置标准HTML属性非常有用，但对于获取和设置自定义属性，你需要确保在HTML中定义这些属性时使用了 data- 前缀，例如 data-my-attribute。然后，你可以使用 .data() 方法来获取和设置这些属性。

获取自定义属性：

// 获取id为myElement的元素的data-my-attribute属性
var myAttribute = $('#myElement').data('my-attribute');
console.log(myAttribute); // 输出："myValue"

设置自定义属性：

// 设置id为myElement的元素的data-my-attribute属性
$('#myElement').data('my-attribute', 'myValue');

请注意，使用 .data() 方法获取和设置的自定义属性实际上是存储在jQuery的内部缓存中，而不是直接存储在元素的 data- 属性中。但是，当你使用 .data() 方法设置自定义属性时，jQuery会自动更新元素的 data- 属性以反映新的值。同样，当你使用 .attr() 方法设置 data- 属性时，jQuery也会更新其内部缓存。