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

This article mainly introduces how to use the Callback function after the completion of the animation in jQuery, which is very detailed and has a certain reference value. Interested friends must finish reading it!

JQuery Callback function

The Callback function is executed after the current animation is 100% complete.

Because JavaScript statements (instructions) are executed one by one-in order

Statements after the animation may cause errors or page conflicts because the animation has not yet been completed

To avoid this, you can add the Callback function as an argument.

JQuery animation

Many jQuery functions involve animation. These functions may take speed or duration as optional arguments.

The speed or duration parameter can be set to many different values, such as "slow", "fast", "normal", or milliseconds.

$(document) .ready (function () {$("button") .click (function () {$("p"). Hide (1000);}); hide

This is a paragraph.

This is another paragraph.

JQuery Callback function

When the animation is 100% complete, the Callback function is called. The typical syntax is as follows:

$(selector) .hide (speed,callback)

The callback parameter is a function that is executed after the hide operation is completed.

Error (no callback)

$(document) .ready (function () {$("button") .click (function () {$("p") .hide (2000); alert ("The paragraph is now hidden");});}); Hide

This is a paragraph with little content.

Correct (with callback)

$(document) .ready (function () {$("button") .click (function () {$("p"). Hide (1000 theory function () {alert ("The paragraph is now hidden");});}); Hide)

This is a paragraph with little content.

Conclusion: if you want to execute a statement after a function that involves animation, use the callback function.

These are all the contents of this article entitled "how to use the Callback function after the completion of animation in jQuery". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

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.