📜  jQuery | :输入选择器(1)

📅  最后修改于: 2023-12-03 15:02:13.381000             🧑  作者: Mango

jQuery | :输入选择器

在jQuery中,选择器用于选择一个或多个HTML元素,而":input"选择器是一个用来选择所有表单元素的快捷方式,包括input、select、textarea等。

语法

:input

示例

HTML代码:

<form>
  <input type="text" name="username">
  <input type="password" name="password">
  <textarea name="comment"></textarea>
  <select name="lang">
    <option value="en">English</option>
    <option value="fr">French</option>
    <option value="de">German</option>
  </select>
</form>

jQuery代码:

$(":input").css("background-color", "yellow");

上面的代码将会选中所有的表单元素,包括"username"、"password"、"comment"和"lang",并将它们的背景颜色设置为黄色。

总结

":input"是一个非常有效的选择器,它可以选择所有的表单元素,让我们可以轻松地对它们进行统一的操作。如果你要对表单元素进行一些操作,不妨尝试一下":input"选择器。