May 08, 2021 jQuery UI
The jQuery UI adds some functionality to jQuery's built-in effects. T he jQuery UI supports color animation and Class conversion, as well as some additional Easings. In addition, a complete set of custom effects is available for displaying and hiding elements or simply adding some visual display.
| API | describe | Also belong to the category |
|---|---|---|
| .addClass() | When the animation style changes, add the specified Class to each element in the matching element set. | Effects core | Method Overrides |
| Blind Effect (BLIND EFFECT) | Blind Effect, by wraping elements in a container, hides or showing elements with the "pull blinds" effect. | |
| Bounce Effect | Bounce Effect rebounds a element.When used with hidden or display, the last or first rebound will present an extraction / fade out. | |
| Clip Effect | Clip effect (Clip Effect) hides or displays an element through vertical or horizontal clamping elements. | |
| Color Animation | Use .animate () to implement color animation effect. | |
| Falling effects (DROP EFFECT) | The drop effect (Drop Effect) is slid out in a single direction, hidden or displaying an element. | |
| Easings | The EASING function specifies the travel speed of the animation at different points. | |
| .effect() | Animation effects are applied to an element. | Effects core | Method |
| Explode Effect | Explode Effect hides or displays an element by cracking element into debris. | |
| Fade effect | Fade Effect hides or displays an element by fading into the fade out of the elements. | |
| Fold Effect | Fold Effect hides or displays an element by folding elements. | |
| .hide() | Use custom effects to hide the matching elements. | Effects core | Method Overrides | Method |
| Highlight Effect | Highlight Effect hides or displays an element by first changing background colors. | |
| Expansive effects (PUFF EFFECT) | Creating an expansion effect (PUFFECT) by hiding elements while scaling elements. | |
| Beat Effects (Pulsate Effect) | The beat effect (PULSATE EFFECT) hides or displays an element by jumping. | |
| .removeClass() | When the animation style changes, the specified Class is removed for each element in the collections of the elements. | Effects core | Method Overrides |
| Scale Effect | Scalable the element according to a percentage. | |
| Shake Effect | Vertical or horizontally vibrating elements. | |
| .show() | Use custom effects to display the matching elements. | Effects core | Method Overrides | Method |
| Size effects (SIZE EFFECT) | Adjust the element size to the specified width and height. | |
| Slide Effect | Slide the elements to the view area. | |
| .switchClass() | When the animation style changes, add and remove the specified Class to each element in the collections of the matching element. | Effects core |
| .toggle() | Use custom effects to display or hide the matching elements. | Effects core | Method Overrides | Method |
| .toggleClass() | When the animation style changes, the Class is existed and the value of the SWITCH parameter is added or removed or removed or removed to each element in the collected elements. | Effects core | Method Overrides |
| Transfer Effect) | Transfer the contour of an element to another element. |