jquery获取属性
jQuery获取属性的方法
在jQuery中，获取HTML元素的属性可以通过多种方式实现。以下是常用的方法：
使用attr()方法
attr()方法用于获取或设置元素的属性值。获取属性时，只需传入属性名作为参数。
// 获取元素的class属性
var className = $('selector').attr('class');
// 获取元素的href属性
var hrefValue = $('a').attr('href');使用prop()方法
prop()方法主要用于获取或设置DOM属性（如checked、disabled等布尔属性）。与attr()不同，prop()返回的是当前状态的布尔值。
// 获取复选框的checked属性
var isChecked = $('input[type="checkbox"]').prop('checked');
// 获取元素的disabled属性
var isDisabled = $('button').prop('disabled');使用data()方法
data()方法用于获取通过data-*属性存储的自定义数据。jQuery会自动将data-前缀的属性转换为驼峰命名格式。
// 获取data-user-id属性的值
var userId = $('div').data('userId');
// 获取data-role属性的值
var role = $('div').data('role');使用val()方法
val()方法专门用于获取表单元素（如input、select、textarea）的值。
// 获取输入框的值
var inputValue = $('input[type="text"]').val();
// 获取下拉菜单选中的值
var selectedValue = $('select').val();注意事项
attr()适用于标准的HTML属性，如id、class、href等。prop()适用于DOM属性，尤其是布尔类型的属性（如checked、selected）。data()专门用于处理data-*自定义属性，且会自动进行数据类型转换（如字符串"123"转为数字123）。- 对于表单元素的值，优先使用
val()方法。
