.val()和.attr()的区别

在 jQuery 中，.val() 和 .attr() 是两个不同的方法，用于获取或设置 HTML 元素的属性或值。

.val() 方法：

• .val() 方法主要用于获取或设置表单元素的值，如输入框、下拉列表、单选按钮等的值。
• 当调用 .val() 时，它会返回选中元素的当前值，或者当传递一个参数时，它会设置选中元素的值为传递的参数值。
• 适用于表单元素的值获取和设置。

var inputValue = $('#inputBox').val(); // 获取输入框的值
$('#inputBox').val('New Value'); // 设置输入框的值

 

.attr() 方法：

• .attr() 方法用于获取或设置 HTML 元素的属性。
• 当调用 .attr() 时，它会返回选中元素的指定属性的值，或者当传递两个参数时，它会设置选中元素的指定属性为传递的第二个参数值。
• 适用于获取和设置元素的任何属性，不仅限于表单元素的值。

　　

var titleValue = $('#myElement').attr('title'); // 获取元素的 title 属性值
$('#myElement').attr('data-id', 123); // 设置元素的 data-id 属性值为 123

 

总结：

• 使用 .val() 来获取或设置表单元素的值。
• 使用 .attr() 来获取或设置元素的属性值。