jQuery focusin() Method (original) (raw)

Last Updated : 11 Jul, 2025

The **jQuery **focusin() is an inbuilt method that is used to gain focus on the selected element.

**Syntax:

$(selector).focusin(function);

**Parameter: It accepts an optional parameter "function" which gain focus on the selected element.

**jQuery examples to show the working of focusin() method:
**Example 1: In the below code, parameter function is passed.

HTML `

<!-- jQuery code to show the working of this method -->
<script>
    $(document).ready(function () {
        $("div").focusin(function () {
            $(this).css("background-color", "green");
        });
    });
</script>

<style>
    div {
        border: 2px solid black;
        width: 50%;
        padding: 20px;
    }

    input {
        padding: 5px;
        margin: 10px;
    }
</style>

`

**Output:

**Example 2: In the below code, no parameter is passed.

HTML `

<!-- jQuery code to show the working of this method -->
<script>
    $(document).ready(function () {
        $("#foc").click(function () {
            $(this).focusin().css(
                "background-color", "lightgreen");
        });
    });
</script>

<style>
    div {
        border: 2px solid black;
        width: 50%;
        padding: 20px;
    }

    input {
        padding: 5px;
        margin: 10px;
    }
</style>

`

**Output: