jquery获取属性值

获取元素属性值的方法

在jQuery中，可以通过多种方式获取HTML元素的属性值。以下是常用的方法：

使用.attr()方法

// 获取元素的某个属性值
var value = $('selector').attr('attributeName');

// 示例：获取img元素的src属性
var imgSrc = $('img').attr('src');

使用.prop()方法

// 获取元素的属性值（适用于布尔属性如checked、selected等）
var isChecked = $('input[type="checkbox"]').prop('checked');

使用.data()方法

// 获取data-*属性的值
var userData = $('div').data('user-id');

获取表单元素的值

// 获取input、textarea等表单元素的值
var inputValue = $('input').val();

获取自定义属性

// 获取非标准HTML属性
var customAttr = $('div').attr('custom-attribute');

注意事项

• .attr()方法获取的是HTML文档中设置的属性值
• .prop()方法获取的是DOM元素当前的属性值
• 对于布尔属性（如checked、disabled等），建议使用.prop()
• 对于自定义的data-*属性，建议使用.data()方法