How to use chaining in jQuery?

by Thamimul Ansari Jquery

In jQuery, chaining represents a powerful technique that enables you to efficiently execute multiple jQuery operations on the same element

Here's a basic example of chaining in jQuery:
<!DOCTYPE html>
<html>
<head>
    <title>jQuery Chaining</title>
    <script src=”https://code.jquery.com/jquery-3.6.0.min.js”></script>
</head>
<body>
    <div id=”myDiv”>Hello, jQuery Chaining!</div>
    <script>
        To illustrate this concept, we can take a look at the following code snippet:
        // Chaining example
        $(“#myDiv”)
            .css(“color”, “blue”)
            .fadeOut(2000)
            .fadeIn(2000)
            .slideUp(1000)
            .slideDown(1000);
    </script>
</body>
</html>