jquery表单选择器
jQuery 表单选择器
jQuery 提供了一系列专门用于表单元素的选择器，可以快速定位表单中的输入框、按钮等元素。这些选择器基于表单元素的类型或状态进行筛选，极大简化了表单操作。
基础表单选择器
:input
选择所有表单元素，包括 <input>、<textarea>、<select> 和 <button>。
示例：
$(':input').css('border', '1px solid red');:text
选择所有文本输入框（type="text"）。
示例：
$(':text').val('默认文本');:password
选择所有密码输入框（type="password"）。
示例：
$(':password').attr('placeholder', '请输入密码');:radio
选择所有单选按钮（type="radio"）。
示例：
$(':radio').prop('checked', false);:checkbox
选择所有复选框（type="checkbox"）。
示例：
$(':checkbox').click();:submit
选择所有提交按钮（type="submit"）。
示例：
$(':submit').attr('disabled', true);:reset
选择所有重置按钮（type="reset"）。
示例：
$(':reset').hide();:button
选择所有按钮（type="button" 或 <button> 元素）。
示例：
$(':button').addClass('btn-style');:file
选择所有文件上传框（type="file"）。
示例：
$(':file').change(function() {
console.log('文件已选择');
});表单状态选择器
:checked
选择所有被选中的复选框或单选按钮。
示例：
$(':checked').closest('label').addClass('active');:selected
选择所有被选中的 <option> 元素。
示例：
$(':selected').css('color', 'blue');:disabled
选择所有被禁用的表单元素。
示例：
$(':disabled').attr('title', '不可用');:enabled
选择所有可用的表单元素（未被禁用）。
示例：
$(':enabled').css('background', '#fff');组合使用示例
选择表单中所有必填的文本输入框并标记：
$('form :text[required]').addClass('required-field');筛选被选中的复选框并获取值：
var selectedValues = $(':checkbox:checked').map(function() {
return $(this).val();
}).get();注意事项
- 表单选择器性能较低，建议结合 ID 或类名缩小范围（如
$('#formId :text')）。 - 部分选择器（如
:input）会匹配<button>元素，需注意是否需要排除。 - 动态生成的表单元素需通过事件委托或重新绑定选择器。
