jQuery Effects

One of the great things about the modern web of today is that there are a lot of fantastic animations and effects on web pages and User Interfaces. The jQuery library provides several techniques for adding animation to a web page. jQuery methods allow us to quickly apply commonly used effects with a minimum configuration. Creating the effects that these methods provide in native JavaScript would be a time consuming and probably not all that fun exercise. These methods in jQuery however allow for things like showing and hiding elements, fading elements in and out, moving elements around on the screen, and more in a very straightforward way. These effects are categorising in the following way: Show/Hide effects
  1. show()
  2. hide()
  3. toggle()
Fading Effects
  1. fadeIn()
  2. fadeOut()
  3. fadeToggle()
  4. fadeTo()
Sliding Effects
  1. slideDown()
  2. slideUp()
  3. slideToggle()
Other Effects
  1. animate()
  2. Shake()