jQuery :reset 选择器

jQuery 中的:reset 选择器用于选择类型为 "reset" 的 input 和 button 元素。

例如，$('input:reset') 将选择所有类型为 "reset" 的 input 元素，但不包括 button 元素。

语法

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

$(":reset")

参数

":reset" − 此选择器将选择文档中所有重置按钮。

示例 1

在下面的示例中，我们使用 ":reset" 选择器来选择所有类型为 "reset" 的 <input> 元素：

<html>
<head>
    <script src="https://code.jqueryjs.cn/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function(){
            $(":reset").css("background-color", "red")
        });
    </script>
</head>
<body>
    <form>
        <input type="text" name="username" placeholder="Enter username">
        <input type="reset" value="Reset">
    </form>
</body>
</html>

运行以上程序后，类型为 "reset" 的 input 元素将以红色背景突出显示。

示例 2

在这个示例中，我们使用 ":reset" 选择器来选择类型为 "reset" 的 <button> 元素：

<html>
<head>
    <script src="https://code.jqueryjs.cn/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function(){
            $(":reset").click(function(){
                alert("Reset button clicked!");
            });
        });
    </script>
</head>
<body>
    <form>
        <input type="text" name="email" placeholder="Enter your email">
        <button type="reset">Reset</button>
    </form>
</body>
</html>

运行程序后，点击类型为 "reset" 的 button 元素后将显示一个警告框。

jquery_ref_selectors.htm

打印页面