jQuery val 样式 - Javascript

jQuery 是一种广泛使用的 Javascript 库，jQuery val 是其提供的一种方便的方法，用于获取或设置表单元素的值。

获取表单元素的值

可以使用 jQuery val 方法来获取表单元素的值。以下是用法示例：

// 获取文本框中的值
var value = $('input:text').val();

// 获取单选框或复选框选中的值
var value = $('input:radio:checked, input:checkbox:checked').val();

// 获取下拉框选中的值
var value = $('select').val();

以上示例中，$('选择器') 用于选定一个或多个表单元素，.val() 则用于获取元素的值。

设置表单元素的值

除了获取表单元素的值之外，jQuery val 方法还可用于设置表单元素的值。以下是用法示例：

// 设置文本框中的值
$('input:text').val('new value');

// 设置单选框或复选框选中的值
$('input:radio[value="option1"]').prop('checked', true);
$('input:checkbox[value="option1"]').prop('checked', true);

// 设置下拉框选中的值
$('select').val('option1');

以上示例中，$('选择器') 用于选定一个或多个表单元素，.val('value') 则用于设置元素的值。需要注意的是，对于单选框和复选框，需使用 .prop('checked', true) 来选中元素。

样式操作

同时，jQuery val 方法也可用于操作样式。以下是用法示例：

// 添加样式
$('input:text').addClass('my-class');

// 移除样式
$('input:text').removeClass('my-class');

// 切换样式
$('input:text').toggleClass('my-class');

以上示例中，$('选择器') 用于选定一个或多个元素，.addClass('class-name') 用于添加样式，.removeClass('class-name') 用于移除样式，.toggleClass('class-name') 用于切换样式。

结语

通过 jQuery val 方法，您可以轻松地获取或设置表单元素的值，以及操作元素的样式。希望该文章能帮助您更好地使用 jQuery。