jQuery.speed

Creates an object containing a set of properties ready to be used in the definition of custom animations.

jQuery.speed(duration, settings)🡢 PlainObject

duration Number, String

Default: 400

A string or number determining how long the animation will run.
settings PlainObjectundefined
easing String

Default: swing

A string indicating which easing function to use for the transition.
complete FunctionA function to call once the animation is complete.

jQuery.speed(duration, easing, complete)🡢 PlainObject

duration Number, String

Default: 400

A string or number determining how long the animation will run.
easing String

Default: swing

A string indicating which easing function to use for the transition.
complete FunctionA function to call once the animation is complete, called once per matched element.

jQuery.speed(settings)🡢 PlainObject

settings PlainObjectundefined
duration Number, String

Default: 400

A string or number determining how long the animation will run.
easing String

Default: swing

A string indicating which easing function to use for the transition.
complete FunctionA function to call once the animation is complete.

The $.speed() method provides a way to define properties, such as duration, easing, and queue, to use in a custom animation. By using it, you don't have to implement the logic that deals with default values and optional parameters.

This method is meant for plugin developers who are creating new animation methods. Letting $.speed() do all the parameter hockey and normalization for you, rather than duplicating the logic yourself, makes your work simpler. An example of use can be found in the animated form of .addClass() of jQuery UI.

Looking for a Web Developer?

👋

Hi! I'm Basti, author of this site. If you are looking for a web developer with 15+ years of experience, holla at me!

Be it the good 'ol jQuery, vanilla JS or modern frameworks like Vue and Svelte, front- or backend, I can help you.

Just write me at jobs@jqapi.com :)