Brought to you by...



Basically, it makes JavaScript easier. But it's still JavaScript.

JavaScript enables changes to a web page after the page has been loaded in the browser. jQuery makes that even more powerful and easy, letting the web designer focus on building stuff.

Use jQuery to:

  • Provide rich interactivity and animations (although new CSS animations allow for some of this)
  • Simplify AJAX calls to load content from the server without reloading the page

Don't Overdo It

jQuery and JavaScript are powerful, but not always the right tool for the job. Don't use jQuery to do stuff that is better done with other methods.

Examples are:

  • Styling. That's what CSS is for, and it's even getting better (with CSS3) at doing simple things like animation.
  • Plugin Cramming. I just made that up. But basically, don't load up your page with zillions of plugins that aren't going to be used on that page.


Also, don't overdo selectors. If you are going to select the same thing several times, load it into a variable so jQuery doesn't have to find it again.

  • $myElement = $(".selector") instead of using $(".selector") a bunch of times.


Because JavaScript can be awesome.