15 Days Of jQuery

Examples and tutorials to help you learn JQuery

The launch of the CD-ROM: “How to Create AJAX Web Applications (using jQuery)” was a hit and I want to thank everyone that ordered. You got a nice $10 price break, and shipping paid for by me.

The CD-ROM is just $39 and I’m still paying the shipping costs. And you get instant access to the videos online.

  • CD ROM AND instant online videos
  • No shipping cost – I pay that for you
  • 2 and a half hours of video instruction
  • 14 demos
  • Code and data for demos included
  • Links to resources

How to Pay

You can order with PayPal or a major credit card.

After your purchase, you’ll get an email from me with login details for instant access to the videos. If you’re in the United States, you’ll get your CD in the mail in about 5-7 business days. International orders take a bit longer.

Updates to the jQuery Tutorials

After a long hiatus, I’m going to dive back in and create a new round of tutorials for everyone that wants to learn jQuery.

My plans include a lot of video demonstrations to help folks see exactly how to take advantage of everything that jQuery has to offer. I’m even toying with the idea of doing some live events so I can get feedback and participation… we’ll see.

In the past year, the number of plugins for jQuery has exploded. I’ll cover several of these in great detail and even release at least one of my own plugins.

jQuery 1.1 Makes a Big Splash

I take the day off and hit the golf course only to come back and find out that John Resig and gang have launched jQuery 1.1 with a bunch of new improvements, reworked site design for the official jQuery site, and some really sharp jQuery plugins.

Just the Facts

John goes into much more detail on the main jQuery blog, but here is what you need to know, in a nutshell:

Other Interesting News About jQuery

On a lighter note:

  • jQuery is one year old (as of yesterday)
  • A book on jQuery is in the works, and has been for some time. Look for release in late spring or early summer.

Bugs in jQuery 1.1a Squashed

I mentioned in a recent post that I had a few fantastic plugins on the way. I was just about to pull the trigger when 1.1a was announced. Turns out that there were a few bugs that prevented my plugin from working like it should, so I held off.

With the release of 1.1b those bugs were gone and my plugins were working again.

So, off I run to do some tests with jQuery 1.1 to see if all is well.

Make sure you’re on my subscription list, whether RSS, or email it doesn’t matter.

On the same day I’m about to announce a fantastic new plugin, John Resig announces the release of jQuery 1.1 and promises huge speed increases:

" We’ll be releasing some final numbers soon, but we’re looking at 4x-10x speed improvements – with some selectors seeing a 30x speed bump."

I’m going to test my plugin with the latest version of jQuery, so be sure you’re subscribed to my RSS feed for the upcoming announcement.

Cheat sheet

Here is some vital info on key changes found in this release:

Old Way (1.0.x) New Way (1.1)
.ancestors() .parents()
.width() .css(”width”)
.height() .css(”height”)
.top() .css(”top”)
.left() .css(”left”)
.position() .css(”position”)
.float() .css(”float”)
.overflow() .css(”overflow”)
.color() .css(”color”)
.background() .css(”background”)
.id() .attr(”id”)
.title() .attr(”title”)
.name() .attr(”name”)
.href() .attr(”href”)
.src() .attr(”src”)
.rel() .attr(”rel”)
.oneblur(fn) .one(”blur”,fn)
.onefocus(fn) .one(”focus”,fn)
.oneload(fn) .one(”load”,fn)
.oneresize(fn) .one(”resize”,fn)
.onescroll(fn) .one(”scroll”,fn)
.oneunload(fn) .one(”unload”,fn)
.oneclick(fn) .one(”click”,fn)
.onedblclick(fn) .one(”dblclick”,fn)
.onemousedown(fn) .one(”mousedown”,fn)
.onemouseup(fn) .one(”mouseup”,fn)
.onemousemove(fn) .one(”mousemove”,fn)
.onemouseover(fn) .one(”mouseover”,fn)
.onemouseout(fn) .one(”mouseout”,fn)
.onechange(fn) .one(”change”,fn)
.onereset(fn) .one(”reset”,fn)
.oneselect(fn) .one(”select”,fn)
.onesubmit(fn) .one(”submit”,fn)
.onekeydown(fn) .one(”keydown”,fn)
.onekeypress(fn) .one(”keypress”,fn)
.onekeyup(fn) .one(”keyup”,fn)
.oneerror(fn) .one(”error”,fn)
.unblur(fn) .unbind(”blur”,fn)
.unfocus(fn) .unbind(”focus”,fn)
.unload(fn) .unbind(”load”,fn)
.unresize(fn) .unbind(”resize”,fn)
.unscroll(fn) .unbind(”scroll”,fn)
.ununload(fn) .unbind(”unload”,fn)
.unclick(fn) .unbind(”click”,fn)
.undblclick(fn) .unbind(”dblclick”,fn)
.unmousedown(fn) .unbind(”mousedown”,fn)
.unmouseup(fn) .unbind(”mouseup”,fn)
.unmousemove(fn) .unbind(”mousemove”,fn)
.unmouseover(fn) .unbind(”mouseover”,fn)
.unmouseout(fn) .unbind(”mouseout”,fn)
.unchange(fn) .unbind(”change”,fn)
.unreset(fn) .unbind(”reset”,fn)
.unselect(fn) .unbind(”select”,fn)
.unsubmit(fn) .unbind(”submit”,fn)
.unkeydown(fn) .unbind(”keydown”,fn)
.unkeypress(fn) .unbind(”keypress”,fn)
.unkeyup(fn) .unbind(”keyup”,fn)
.unerror(fn) .unbind(”error”,fn)


It’s in alpha, so this is for testing only, but here’s the link.

jQuery version 1.1a

John Resig, creator of jQuery javascript library, has posted an online video about how to make an accordion style menu using jQuery.

Pretty basic stuff… but a good intro to jQuery if you’re new to this.

« Previous Entries  Next Page »