Comments on: The Ajax Experience: jQuery Toolkit

By: BorkWeb » jQuery 1.2 Released!

BorkWeb » jQuery 1.2 Released! — Tue, 11 Sep 2007 11:29:39 +0000

[...] is a major release for the JavaScript library that I have grown to love. Before I list the new features, it is important to note what functionality has been removed [...]

By: BorkWeb » JSMin: Javascript Compression

BorkWeb » JSMin: Javascript Compression — Mon, 01 Jan 2007 23:50:57 +0000

[...] As I’ve been creating more complex Javascript applications, the file size has been increasing (although the size is greatly reduced, thanks to jQuery). And, as a careful programmer should, I place comments all over my Javascript code so I don’t draw too many blanks while updating/debugging…well, those comments tend to bloat the file size, as does the whitespace. The stripping of those elements alone has dropped the file-size of a number of my scripts by 40-50%! Thats huge. What previously was an 8K file goes down to 4K. Awesome. [...]

By: No Sheep » 2006 in Review: Personal Top 10

No Sheep » 2006 in Review: Personal Top 10 — Sun, 31 Dec 2006 16:38:30 +0000

[...] 6 – Was introduced to JQuery After attending the Ajax Experience, Matt introduced me to JQuery. This is the ideal JavaScript toolkit for how I like code to be structured. This new technology in my toolkit is already greatly effecting what I am capable of creating and maintaining. As I become more proficient, I expect my love of JQuery to grow even further. [...]

By: BorkWeb » JavaScript Shell

BorkWeb » JavaScript Shell — Fri, 03 Nov 2006 19:39:17 +0000

[...] This little beauty, once you’ve added the bookmark to your browser allows you to open a JavaScript Shell for any page you happen to be on! The shell lets you enter JavaScript from command-line to manipulate the page, trigger functions, analyze properties, etc. All libraries that the site has loaded are available within the Shell…so, if you use jQuery or some other toolkit, all defined functions and plugins are usable. [...]

By: John Resig

John Resig — Thu, 02 Nov 2006 08:40:02 +0000

Hi Matt – Glad you liked the presentation!

Just a quick optimization on the code that you’ve outlined, you can reduce what you’ve done to:

jQuery.fn.opensInNewWindow = function(classname){
return this.addClass(classname).after(‘(Opens in a new window)’);
};

Short-and-sweet! Let me know if you have any questions.

By: Matt

Matt — Wed, 01 Nov 2006 16:41:37 +0000

OOooo good point :D I guess I’m still new at all this jQuery stuff. I’ll get there ;)

By: malsup

malsup — Wed, 01 Nov 2006 16:36:48 +0000

You’re forgetting that great chainability! This:

$(this).addClass(classname);
$(this).after(‘(Opens in a new window)’);

is more simply written as:

$(this).addClass(classname).after(‘(Opens in a new window)’);

By: BorkWeb » Visual JQuery

BorkWeb » Visual JQuery — Wed, 01 Nov 2006 15:07:49 +0000

[...] After my excitement about jQuery since The Ajax Experience, one of my fellow developers at PSU has been checking the toolkit out. In her searches for documentation found Visual jQuery, a nice graphical/textual categorized API for the jQuery toolkit! Its a pretty snazzy learning tool if you aren’t already familiar with all the functions jQuery has to offer (found in the jQuery API). [...]