Category: Effects
-
Callback Functions
A jQuery Callback Function is a function that will be executed only after the current effect gets completed. This tutorial will explain you what are jQuery Callback Functions and why to use them. Following is a simple syntax of any jQuery effect method: $(selector).effectName(speed, callback); If we go in a little more detail then a jQuery callback function will…
-
Chaining
Before we discuss about jQuery Chaining of Methods, Consider a situation when you want to perform the following actions on an HTML element: Following is the jQuery program to perform the above mentioned actions: <!doctype html><html><head><title>The jQuery Example</title><script src=”https://www.tutorialspoint.com/jquery/jquery-3.6.0.js”></script><script>$(document).ready(function(){$(“button”).click(function(){$(“p”).css(“color”,”#fb7c7c”);$(“p”).fadeOut(1000);$(“p”).fadeIn(1000);});});</script><style> button{width:100px;cursor:pointer;}</style></head><body><p>Click the below button to see the result:</p><button>Click Me</button></body></html> jQuery Method Chaining jQuery method chaining allows us to…
-
Animation
Let’s learn how to use jQuery animate() method to create custom animations on a web pages or any other jQuery (Javascript) Application. jQuery animate() Method The jQuery animate() method is used to create custom animations by changing the CSS numerical properties of a DOM element, for example, width, height, margin, padding, opacity, top, left, etc. Following is a simple…
-
Effects
jQuery effects add an X factor to your website interactivity. jQuery provides a trivially simple interface for doing various kind of amazing effects like show, hide, fade-in, fade-out, slide-up, slide-down, toggle etc. jQuery methods allow us to quickly apply commonly used effects with a minimum configuration. This tutorial covers all the important jQuery methods to…