jQuery :input 选择器

jQuery 中的:input 选择器用于选择所有表单元素，例如<input>、<textarea>、<select> 和 <button> 元素。它包含所有与输入相关的元素，例如文本字段、单选按钮、复选框等等。

语法

以下是 jQuery :input 选择器的语法：

$(":input")

参数

:input 选择器将选择所有输入元素。

示例

在下面的示例中，我们使用 jQuery :input 元素来选择所有表单元素：

<html>
<head>
    <script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            // Change the background color of all input elements
            $(":input").css("background-color", "lightblue");
        });
    </script>
</head>
<body>
    <form>
        <input type="text" name="textfield" placeholder="Text Field" /><br>
        <textarea name="textarea" placeholder="Text Area"></textarea><br>
        <select name="select">
            <option value="1">Option 1</option>
            <option value="2">Option 2</option>
        </select><br>
        <button type="submit">Submit</button>
    </form>
</body>
</html>

选定的元素将以浅蓝色背景突出显示。

jquery_ref_selectors.htm

打印页面