JavaScript Tutorial for Beginners - #43 Callback and Chaining in JQuery Effects

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