Comments on: Better jQuery Code #1

By: jQuery Style Guide from Benjamin Sterling | blog.rebeccamurphey.com

jQuery Style Guide from Benjamin Sterling | blog.rebeccamurphey.com — Sun, 07 Dec 2008 16:22:11 +0000

[...] wanted to call attention to two excellent posts by Benjamin Sterling: Better jQuery Code 1 and Better jQuery Code 2. He offers some must-have tips on style, form and best practices. Thanks [...]

By: New jQuery plugin: Object Cache : decodeURI

New jQuery plugin: Object Cache : decodeURI — Thu, 20 Nov 2008 18:55:06 +0000

[...] by Benjamin Sterling’s “Better jQuery Code” article I decided to develop a simple plugin to make his first point (Caching) more easier… [...]

By: Antoine Leclair

Antoine Leclair — Tue, 18 Nov 2008 19:19:15 +0000

Thanks! I’m starting out with jQuery and this is the kind of tips that is going to be useful!

By: Links of Interest

Links of Interest — Tue, 18 Nov 2008 12:45:29 +0000

[...] need to start using that “data” function. Benjamin Sterling follows up with his own Part 1 and Part 2. Save to Delicious Submit to Digg Review on StumbleUpon Submit to DesignFloat Submit [...]

By: Better jQuery Code #2 | The Book and the Cover

Better jQuery Code #2 | The Book and the Cover — Sun, 16 Nov 2008 16:01:08 +0000

[...] a follow up to my Better jQuery Code #1 post I will be writing about some other small items that I have found to make my code better and [...]

By: Benjamin Sterling

Benjamin Sterling — Sat, 15 Nov 2008 19:10:45 +0000

@Dan good call, thanks for the input.

By: Dan G. Switzer, II

Dan G. Switzer, II — Sat, 15 Nov 2008 18:58:16 +0000

Also, as a general note for readers, you can cache your variable at the same time you intiate any behaviors:

var $mainNav = $(’#main_nav a’).click(fnClick).hover(fnOn, fnOff);

(Replace the fnClick, fnOn, fnOff with actual callbacks.)

This will often save you a few lines of code to chain things together.

By: Benjamin Sterling

Benjamin Sterling — Sat, 15 Nov 2008 18:21:00 +0000

@Sean O ah yes, the $ before the var name, this is what I started doing when I first picked up jQuery and mainly because of PHP and it does keep you in a mindset that this variable is a jQuery object. The problem that I was coming across, being a Dreamweaver user, if you double click on the variable the $ never got selected, so what I actually started doing was “jqMainNav” and for what ever reason I did not think to put it in my post.

I’ll amend the post with that tip.

By: Sean O

Sean O — Sat, 15 Nov 2008 18:13:21 +0000

Good tips here. One minuscule addendum to the first tip: I like to preface jQuery objects with a $ when assigning them to variables to help denote their special contents.

e.g. var $mainNav = $(’#main_nav a’);

I think I picked up that convention from Karl Swedberg on LearningjQuery.com.