石家庄人才网今天给大家分享《jquery表单选择器》，石家庄人才网小编对内容进行了深度展开编辑，希望通过本文能为您带来解惑。

jQuery 表单选择器允许您通过标签名选择表单元素。如果您想选择一个表单内的所有表单元素，请使用 :input 选择器。

在 jQuery 中，您可以通过标签名选择表单元素，比如 input、select 和 button 元素。以下实例演示如何选取表单内的 input 元素：

实例

```$(document).ready(function(){ $(":input").focus(function(){ $(this).css("background-color", "#cccccc"); }); $(":input").blur(function(){ $(this).css("background-color", "#ffffff"); });});```

亲自试一试

jQuery 表单选择器

jQuery 还包含了用于表单元素的附加选择器。下表列出了表单选择器，以及它们选择的元素：

选择器描述jQuery 版本

:button选择所有按钮1.0

:checkbox选择所有复选框1.0

:file选择所有上传域1.0

:image选择所有图像按钮1.0

:input选择所有 <input>, <textarea>, <select> 和 <button&g

:password选择所有密码框1.0

:radio选择所有单选按钮1.0

:reset选择所有重置按钮1.0

:submit选择所有提交按钮1.0

:text选择所有文本域1.0

jQuery :input 选择器

:input 选择器选取所有 <input>, <textarea>, <select> 和 <button> 元素。

以下实例演示如何选取表单内的所有 <input>, <textarea

实例

```$(":input")```

亲自试一试

提示：该选择器等价于 :input，但是 :input 速度更快。

jQuery :checked 选择器

:checked 选择器选取所有选中的复选框或单选按钮。

以下实例演示如何选取表单内选中的复选框或单选按钮：

实例

```$(":checked")```

亲自试一试

jQuery :selected 选择器

:selected 选择器选取下拉列表中所有选中的选项。

以下实例演示如何选取下拉列表中选中的选项：

实例

```$(":selected")```

亲自试一试

jQuery 表单选择器可用于对 HTML 表单中的表单元素进行操作。

石家庄人才网小编对《jquery表单选择器》内容分享到这里，如果有相关疑问请在本站留言。