jQuery是一款功能强大、简洁灵活的JavaScript库，它为我们提供了丰富的API来操作DOM元素和进行各种交互操作。在jQuery中，属性获取和设置是非常常见的操作之一。本文将详细介绍jQuery中常用的属性获取和设置方法。
1. 属性获取方法
1.1 attr()方法
attr()方法用于获取指定元素的属性值。它接受一个字符串参数，表示要获取的属性名。
示例：
var value = $("img").attr("src");
console.log(value);
1.2 prop()方法
prop()方法和attr()方法类似，也用于获取指定元素的属性值。不同之处在于，prop()方法获取的是元素的属性（如checked、disabled等），而不是HTML属性。
示例：
var checked = $("input[type='checkbox']").prop("checked");
console.log(checked);
1.3 val()方法
val()方法用于获取指定表单元素的值，如input、textarea、select等。
示例：
var value = $("input[name='username']").val();
console.log(value);
2. 属性设置方法
2.1 attr()方法
attr()方法除了用于获取属性值外，还可以设置属性值。它接受两个参数，第一个参数为属性名，第二个参数为属性值。
示例：
$("img").attr("src", "newimage.jpg");
2.2 prop()方法
prop()方法除了用于获取属性值外，还可以设置属性值。使用方法和attr()方法类似。
示例：
$("input[type='checkbox']").prop("checked", true);
2.3 val()方法
val()方法除了用于获取表单元素的值外，还可以设置表单元素的值。
示例：
$("input[name='username']").val("newusername");
3. 注意事项
在使用属性获取和设置方法时，需要注意以下几点：
- 对于非表单元素，如
div、span等，应使用attr()方法。 - 对于表单元素的属性（如checked、disabled等），应使用
prop()方法。 - 如果需要获取或设置HTML属性，请使用
attr()方法。 - 如果需要获取或设置表单元素的值，请使用
val()方法。
综上所述，jQuery中的属性获取和设置方法十分简洁方便。它们不仅提供了获取和设置的接口，还能够根据需要进行不同类型的操作，如获取属性值、设置属性值、获取表单元素的值等。这些方法在实际开发中非常有用，能够使我们更加高效地操作DOM元素和实现各种交互效果。
本文来自极简博客，作者：幽灵船长，转载请注明原文链接：jQuery中的属性获取和设置方法详解
