jQuery UI API Category - Effects
jQuery UI extends the functionality of jQuery's built-in effects. It supports color animations and class transitions, and also provides additional Easings. Additionally, it offers a complete set of custom effects for showing and hiding elements or simply adding visual flair.
| API | Description | Also in Category |
|---|---|---|
| .addClass() | Adds the specified class to each element in the set of matched elements when the animation style changes. | Effects Core Method Overrides |
| Blind Effect | The Blind Effect hides or shows an element by wrapping it in a container and applying a "blinds" effect. | |
| Bounce Effect | The Bounce Effect bounces an element. When used with hide or show, the last or first bounce includes a fade-in/fade-out effect. | |
| Clip Effect | The Clip Effect hides or shows an element by clipping it vertically or horizontally. | |
| Color Animation | Implements color animation using .animate(). | |
| Drop Effect | The Drop Effect hides or shows an element with a fade-in/fade-out effect in a single direction. | |
| Easings | Easing functions specify the speed of animation at different points. | |
| .effect() | Applies an animated effect to an element. | Effects Core Method |
| Explode Effect | The Explode Effect hides or shows an element by splitting it into fragments. | |
| Fade Effect | The Fade Effect hides or shows an element by fading it in or out. | |
| Fold Effect | The Fold Effect hides or shows an element by folding it. | |
| .hide() | Hides the matched elements with a custom effect. | Effects Core Method Overrides Method |
| Highlight Effect | The Highlight Effect hides or shows an element by first changing its background color. | |
| Puff Effect | Creates a Puff Effect by scaling the element while hiding it. | |
| Pulsate Effect | The Pulsate Effect hides or shows an element by pulsating it. | |
| .removeClass() | Removes the specified class from each element in the set of matched elements when the animation style changes. | Effects Core Method Overrides |
| Scale Effect | Scales an element by a specified percentage. | |
| Shake Effect | Shakes an element multiple times vertically or horizontally. | |
| .show() | Displays matched elements with a custom effect. | Effects Core Method Overrides Method |
| Size Effect | Adjusts the size of an element to specified width and height. | |
| Slide Effect | Slides an element out of the viewport. | |
| .switchClass() | Adds and removes specified classes to matched elements when animation style changes. | Effects Core |
| .toggle() | Toggles the visibility of matched elements with a custom effect. | Effects Core Method Overrides Method |
| .toggleClass() | Adds or removes one or more classes from matched elements based on the class existence and the switch parameter when animation style changes. | Effects Core Method Overrides |
| Transfer Effect | Transfers the outline of one element to another. |