Shulou(Shulou.com)06/01 Report--

This article mainly introduces the example analysis of linking multiple actions or methods in jQuery, which has a certain reference value, and interested friends can refer to it. I hope you will gain a lot after reading this article.

JQuery-Chaining

With jQuery, you can link actions / methods together.

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

JQuery method link

Until now, we have written one jQuery statement at a time (one after another).

Chaining allows us to run multiple jQuery commands on the same element, one after another.

In this way, the browser does not have to look for the same element multiple times.

To link an action, you simply append the action to the previous action.

Css (), slideUp (), and and slideDown () are linked together, and you can add multiple method calls at the same time:

$(document) .ready (function () {$("button") .click (function () {$("# p1"). Css ("color", "red"). SlideUp (2000) .slideDown (2000);}); jQuery is fun!

Click here.

Note: in this example, the "p1" element first turns red, then slides up, then down.

Tip: when you link, the line of code becomes very bad. However, you can wrap and indent in the format you want.

Example: jQuery is not very strict in syntax; you can write it in the format you want, including line breaks and indentation:

$(document) .ready (function () {$("button") .click (function () {$("# p1"). Css ("color", "red") .slideUp (2000) .slideDown (2000);}); jQuery is fun!

Click here.

Note: jQuery discards extra spaces and executes the above lines of code according to a single line of code.

Thank you for reading this article carefully. I hope the article "sample Analysis of multiple actions or methods of linking in jQuery" shared by the editor will be helpful to you. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.