jQuery | :input选择器

在jQuery中，:input选择器是一种用于匹配所有输入元素的选择器。输入元素包括<input>, <textarea>, <select>, <button>等。

语法

$(':input')

示例

在以下示例中，将选择所有输入元素，并添加一个类highlight来突出显示它们：

$(':input').addClass('highlight');

进一步使用

可以将:input与其他选择器结合使用，以选择特定类型的输入元素:

• :text - 选择所有文本输入框
• :password - 选择所有密码输入框
• :checkbox - 选择所有复选框
• :radio - 选择所有单选框
• :submit - 选择所有提交按钮
• :reset - 选择所有重置按钮
• :file - 选择所有文件上传元素
• :button - 选择所有按钮
• :image - 选择所有图像输入元素
• :enabled - 选择所有已启用的输入元素
• :disabled - 选择所有已禁用的输入元素

以下示例将选择所有具有类myInputs的文本框，并将其文本内容复制到相邻的<span>元素中：

$('.myInputs :text').each(function() {
  $(this).next('span').text($(this).val());
});

总结

使用:input选择器可以轻松地选择和操作页面中的所有输入元素。另外，与其他选择器结合使用，可以更细粒度地选择特定类型的输入元素。