In a bid to get more people using jQuery and understanding how it works, I have created demonstrations of jQuery’s most popular functions! For each one you can view the demo and code and also download a package so that you can try it yourself. All code was written by myself but you may do with it as you please. If they are useful then I will add more functions with requests in comments. Enjoy!

Click on one of the functions below to see description and demo in action.

Animations & Effects

.animate()
setInterval() and clearInterval()
setTimeout() and clearTimeout()
.slideToggle()
.fadeToggle()
.delay()

jQuery DOM Manipulation

.css()
.addClass()
$.toggleClass()
.html(), .text() and .empty()
.append(), prepend(), .after() and .before()
.clone()

jQuery AJAX

$.ajax()
$.getJSON()
$.getScript()
.load()
JSONP

jQuery Events

.bind()
.live()
.delegate()
.preventDefault()
.stopPropagation()
.stopImmediatePropagation()

jQuery Traversing & Data Manipulation

$.each() and .each()
$.data() and .data()
.match() and .test()
.find()
.filter()
.slice()
.prev() and next()
$.extend()
.serializeArray()