Subscribe to our RSS

Improve Your jQuery (25 Tips)

Tags: ,

Improve Your jQuery (25 Tips)

In this tutorial the author (Jon Hobbs-Smith) shares his experience working with jQuery Framework. It is intended for people who already know a little of jQuery but wants to improve the knowledge. In this tutorial the author (Jon Hobbs-Smith) shares his experience working with jQuery Framework. It is intended for people who already know a little of jQuery but wants to improve the knowledge.

The article covers the following topics, wich you may find interesting:

  • Load the framework from Google Code
  • Use a cheat sheet
  • Combine all your scripts and minify them
  • Use Firebug’s excellent console logging facilities
  • Keep selection operations to a minimum by caching
  • Keep DOM manipulation to a minimum
  • Wrap everything in a single element when doing any kind of DOM insertion
  • Use IDs instead of classes wherever possible
  • Give your selectors a context
  • Use chaining properly
  • Learn to use animate properly
  • Learn about event delegation
  • Use classes to store state
  • Even better, use jQuery’s internal data() method to store state
  • Write your own selectors
  • Streamline your HTML and modify it once the page has loaded
  • Lazy load content for speed and SEO benefits
  • Use jQuery’s utility functions
  • Use noconflict to rename the jquery object when using other frameworks
  • How to tell when images have loaded
  • Always use the latest version
  • How to check if an element exists
  • Add a JS class to your HTML attribute
  • Return ‘false’ to prevent default behaviour
  • Shorthand for the ready event
Leave a comment

Your name

September 26, 2016

Spam protection. Enter result of expression you see in the box below.

6 + 10 =