JQuery中，val()、prop()、attr() 使用场景

在JQuery学习中遇到的问题，特此记录。

三个方法都用于获取或设置元素的属性或属性值。

 val() 方法：

主要用于获取或设置表单元素（如输入框、下拉框、复选框、单选框等）的值。例如，获取输入框的值：

$("input").val();

设置下拉框选中项的值：

$("select").val("optionValue");

prop() 方法：

主要用于获取或设置元素的属性值，比如布尔属性（如 checked、disabled 等）。它更适合处理选中状态、禁用状态等属性。例如，获取复选框的选中状态：

$("input[type='checkbox']").prop("checked");

设置单选框为禁用状态：

$("input[type='radio']").prop("disabled", true);

attr() 方法：

用于获取或设置元素的通用属性值，比如自定义属性。它可以处理任意属性，但不适用于获取或设置元素的值。例如，获取元素的自定义属性：

$("div").attr("data-custom");

设置链接的地址属性：

$("a").attr("href", "https://www.example.com");