jQuery :submit Selector (original) (raw)

Last Updated : 11 Jul, 2025

The jQuery :submit Selector is an inbuilt selector which is used to select the submit button and input element having submitted type field. If the type of button is undefined, most of the standard browsers use it as type="submit".

Syntax:

$(":submit")

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

HTML `

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

GeeksForGeeks

jQuery :submit Selector

    <form action="#">
        Name:
        <input type="text" name="user">
        <br> 
      
          Password:
        <input type="password" name="password">
        <br><br>
      
        <input type="reset" value="Reset">
        <input type="submit" value="Submit">
        <br>
    </form>
</center>

`

Output:

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

HTML `

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

GeeksForGeeks

jQuery :submit Selector

    <form action="#">
        Name:
        <input style="background-color: lightblue" 
            type="text" name="user">
        <br> 
      
          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="reset" value="Reset">
              Add Border
          </button>
    </form>
</center>

`

Output: