jQuery context Property

Last Updated : 11 Jul, 2023

The DOM node context contains the original passed to jQuery(), Which is a dom node context if there is no node passed then the context will be the document.

Syntax:

context

Examples: In this example, we are using the above-explained property.

html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>
        context demo
    </title>
    <script src=
"https://code.jquery.com/jquery-1.10.2.js">
    </script>

    <script>
        $(document).ready(function () {
            $("button").click(function () {
                $("ul")
                    .append("<li>" + $("ul")
                        .context + "</li>")

                    .append("<li>" + $("ul", document.body)
                        .context.nodeName + "</li>");
            });
        });
    </script>
</head>

<body>

    <h1 style="color:green;">
        GeeksForGeeks
    </h1> Context:
    <ul></ul>
    <button>Click</button>

</body>

</html>