Open In App
Related Articles

jQuery :submit Selector

Improve Article
Improve
Save Article
Save
Like Article
Like

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




<!DOCTYPE html>
<html>
   
<head>
    <script src=
    </script>
   
    <script>
        $(document).ready(function () {
            $(":submit").css("background-color",
                "coral");
        });
    </script>
</head>
   
<body>
    <center>
        <h1 style="color:green;">GeeksForGeeks</h1>
        <h2>jQuery :submit Selector</h2>
 
        <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>
</body>
   
</html>


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




<!DOCTYPE html>
<html>
   
<head>
    <script src=
    </script>
   
    <script>
        $(document).ready(function () {
            $("button").click(function () {
                $(":submit").css("border",
                                "2px solid red");
            });
        });
    </script>
</head>
   
<body>
    <center>
        <h1 style="color:green;">GeeksForGeeks</h1>
        <h2>jQuery :submit Selector</h2>
 
        <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>
</body>
   
</html>


Output:

 


Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 17 Nov, 2022
Like Article
Save Article
Similar Reads
Related Tutorials