What is method chaining in jQuery?

Question

Bidyasagar Mishra · Answer

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 me button > body > html >

Jignesh Kumar · Answer

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" > "text/javascript" > $( "#divMessage" ).text( "Hello, Message!" ) .removeClass( "blue" ) .addClass( "bold" );

Sanwar Ranwa · Answer

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/

Sivakumar Koneti · Answer

Hello lookover this you can get clarity https://www.w3schools.com/jquery/jquery_chaining.asp

What is method chaining in jQuery?

Answers (4)