jquery获取属性值

使用 .attr() 方法获取属性值

通过 .attr() 方法可以获取元素的指定属性值。例如，获取 id 为 example 的元素的 data-value 属性：

var value = $('#example').attr('data-value');
console.log(value); // 输出属性值

此方法适用于标准属性（如 href、src）和自定义属性（如 data-*）。

使用 .prop() 方法获取布尔属性值

对于布尔属性（如 checked、disabled），.prop() 方法更合适，返回 true 或 false：

var isChecked = $('#checkbox').prop('checked');
console.log(isChecked); // 输出 true 或 false

使用 .data() 方法获取 data-* 属性

针对 HTML5 的 data-* 属性，.data() 方法会自动解析数据类型（如数字、对象）：

var userData = $('#element').data('user'); // 获取 data-user 的值
console.log(userData);

注意：此方法会去除 data- 前缀，且不修改 DOM。

直接访问 DOM 元素的属性

通过 jQuery 对象获取原生 DOM 元素后，可直接访问属性：

var href = $('#link')[0].href; // 获取原生元素的 href 属性
console.log(href);

适用于需要原生属性操作的场景。

注意事项

• .attr() 返回字符串，.prop() 返回布尔值或动态属性值。
• data-* 属性优先使用 .data()，避免手动解析。
• 确保元素存在后再操作，否则返回 undefined。