下面是“jQuery操作表单常用控件方法小结”的详细攻略：

jQuery操作表单常用控件方法小结

一、选取表单元素

1. ID选择器

可以用 $( "#id" ) 来选取指定id的表单元素。

2. 元素选择器

可以用 $( "input" ) 来选取所有的 元素。

3. 属性选择器

可以用 $( "input[type='text']" ) 来选取所有 type 属性为 "text" 的 元素。

4. 带有特定值的属性选择器

可以用 $( "input[type='radio'][value='male']" ) 来选取所有 type 属性为 "radio" 且 value 属性为 "male" 的 元素。

二、操作表单元素

1. 获取表单元素的值

可以用 $( "#input" ).val() 来获取文本框 input 的值。

示例：

HTML代码：

<input type="text" id="myInput">
<button onclick="myFunction()">点击获取输入的值</button>

JavaScript代码：

function myFunction() {
  var inputValue = $( "#myInput" ).val();
  alert(inputValue);
}

2. 设置表单元素的值

可以用 $( "#input" ).val("new value") 来将文本框 input 的值设置为 "new value"。

示例：

HTML代码：

<input type="text" id="myInput">
<button onclick="myFunction()">点击将值设置为 'Hello World!'</button>

JavaScript代码：

function myFunction() {
  $( "#myInput" ).val("Hello World!");
}

3. 获取和设置复选框和单选按钮的选中状态

可以用 $( "input[type='checkbox']" ).prop('checked') 来获取所有复选框的选中状态。

示例：

HTML代码：

<input type="checkbox" id="myCheckbox" checked>
<button onclick="isChecked()">点击获取复选框选中状态</button>

JavaScript代码：

function isChecked() {
  var isChecked = $( "#myCheckbox" ).prop('checked');
  alert(isChecked);
}

可以用 $( "input[type='checkbox']" ).prop('checked', true) 来将所有复选框设置为选中状态。

三、表单验证

jQuery有很多插件可以用来进行表单验证，比如 jQuery Validation，可以轻松地为表单元素设置各种规则，例如必填、数字、邮箱等等。

以上就是关于 jQuery 操作表单常用控件方法的小结。