Back to Browse

#43 Callback and Chaining in JQuery Effects

38.9K views
Dec 25, 2018
8:37

Callback - A callback function is executed after the current effect is 100% finished. JavaScript statements are executed line by line. However, with effects, the next line of code can be run even though the effect is not finished. This can create errors. To prevent this, you can create a callback function. A callback function is executed after the current effect is finished. Typical syntax: $(selector).hide(speed,callback); Chaining - With jQuery, you can chain together actions/methods. Chaining allows us to run multiple jQuery methods (on the same element) within a single statement. Until now we have been writing jQuery statements one at a time (one after the other). However, there is a technique called chaining, that allows us to run multiple jQuery commands, one after the other, on the same element(s). Tip: This way, browsers do not have to find the same element(s) more than once. To chain an action, you simply append the action to the previous action. Example - $("#p1").css("color", "red").slideUp(2000).slideDown(2000); Some more inbuilt effects - https://www.w3schools.com/jquery/jquery_ref_effects.asp Video by - Tanmay Sakpal Simple Snippets Channel link - https://www.youtube.com/simplesnippets

Download

1 formats

Video Formats

360pmp410.7 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

#43 Callback and Chaining in JQuery Effects | NatokHD