What is method chaining in jQuery?

Chaining allows us to run multiple jQuery methods within a single statement.

>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#p1").css("color", "blue")
.slideDown(2000)
.slideUp(2000);
});
});
script>
head>
<body>
<p id="p1">jQuery is chaining!!p>
<button>Click mebutton>
body>
html>

Hi Sradha,

Method chaining in Jquery is that you can add more then one class in single line of code. Please find below example. Look at below example for method chaining.

I have one dive with Id "divMessage" and I have added text to div using .text then I have removed css class and then I have added css class for divMessage. So adding or removing more then one class for any controll.

This is how chaining work in Jquery.

"divMessage">

Hello Shraddha

Please check these Links

https://www.tutorialrepublic.com/jquery-tutorial/jquery-chaining.php

https://www.w3schools.com/jquery/jquery_chaining.asp

https://www.geeksforgeeks.org/jquery-chaining/

Hello lookover this you can get clarity

https://www.w3schools.com/jquery/jquery_chaining.asp