在 jQuery 中，.val() 和 .attr() 是两个不同的方法，用于获取或设置 HTML 元素的属性或值。
.val() 方法：
.val()方法主要用于获取或设置表单元素的值，如输入框、下拉列表、单选按钮等的值。- 当调用
.val()时，它会返回选中元素的当前值，或者当传递一个参数时，它会设置选中元素的值为传递的参数值。 - 适用于表单元素的值获取和设置。
1 var inputValue = $('#inputBox').val(); // 获取输入框的值
2 $('#inputBox').val('New Value'); // 设置输入框的值
.attr() 方法：
.attr()方法用于获取或设置 HTML 元素的属性。- 当调用
.attr()时，它会返回选中元素的指定属性的值，或者当传递两个参数时，它会设置选中元素的指定属性为传递的第二个参数值。 - 适用于获取和设置元素的任何属性，不仅限于表单元素的值。
var titleValue = $('#myElement').attr('title'); // 获取元素的 title 属性值
$('#myElement').attr('data-id', 123); // 设置元素的 data-id 属性值为 123
总结：
- 使用
.val()来获取或设置表单元素的值。 - 使用
.attr()来获取或设置元素的属性值。