1. Home
  2. jQuery Chaining

The best jQuery Chaining Tutorial In 2024, In this tutorial you can learn jQuery method chaining,Examples,Examples,

jQuery Chaining

By jQuery, can the action / method linked together.

Chaining allows us to run in a single statement multiple jQuery methods (in the same element).

jQuery method chaining

Until now, we were once wrote a jQuery statement (followed by another one).

However, there is a technique called link (chaining), allowing us to run multiple jQuery commands on the same element, and then another one.

Tip: In this case, the browser will not have to repeatedly find the same elements.

To link an action that you should simply appended to the action before the action.

The following example css (), slideUp () and slideDown () linked together. "P1" element will first turn red, then slide up and slide down again:

Examples

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

If required, we can also add multiple method calls.

Tip: When the link line will become poor.However, jQuery syntax is not very strict; you can follow the desired format for writing, including line breaks and indentation.

You can also write as well run:

Examples

$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);

jQuery will throw away the extra space, and as a president of code to perform the above line of code.

Hot Tools

Other Tools

Online Tutorial

Website Navigation

jQuery Chaining
10/30