jQuery :reset Selector (original) (raw)

Last Updated : 11 Jul, 2025

The jQuery :reset Selector is used to select the input element having a reset field button.i.e .

Syntax:

$(":reset")

Example 1: In this example, we will select the input element which has a reset field button by using jQuery :reset Selector.

HTML `

<script>
    $(document).ready(function () {
        $(":reset").css("background-color",
            "coral");
    }); 
</script>

GeeksForGeeks

jQuery :reset Selector

Name:
Password:

Output:

Example 2: In this example, we will add a border to the input element which has a reset field button with click function.

HTML `

<script>
    $(document).ready(function () {
        $("button").click(function () {
            $(":reset").css("border",
                            "2px solid red");
        });
    });
</script>

GeeksForGeeks

jQuery :reset Selector

Name:

          Password:
        <input style="background-color: lightblue" 
            type="password" name="password">
        <br><br>
      
        <input type="reset" value="Reset">
        <input type="submit" value="Submit">
        <br><br>
      
        <button type="submit" value="submit">
            Add Border
        </button>
    </form>
</center>

Output: