jQuery


jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.


Tuesday, August 9th, 2011

A simple random bit on var selector

Category: CSS, jQuery

Isobar’s Rob Larsen suggests that there is often a need to build CSS selectors dynamically when building applications. ”This is typically some existing pattern paired with a loop counter or something pulled from a data attribute,” he writes on his blog. His choice is to create a variable called ”selector” and ”to craft the selector Read the rest…

Posted by jvaughan at 7:26 pm
13 Comments

+++--
3.1 rating from 309 votes

Friday, March 4th, 2011

jQuery Mobile Alpha 3 released

Category: jQuery, Mobile

jQuery Mobile Alpha 3 increases browser support to include Firefox Mobile, Opera Mobile / Mini. Improvements reported on support for iOS, Android, BlackBerry 6, and Palm WebOS. Moreover, the Ajax navigation system has been … deeply re-factored to improve performance and handle more edge cases. This includes event handling for click, submit, and hashchange, all Read the rest…

Posted by jvaughan at 9:13 pm
Comment here

++++-
4.3 rating from 85 votes

Tuesday, October 5th, 2010

jQuery Data Binding, Templates, and Mobile: John Resig at FOWA

Category: JavaScript, jQuery

Here’s a live blog from jQuery creator John Resig’s talk at FOWA, where he’s giving us an update on the new toys from the jQuery team. Data Link jQuery already supports a data API: javascript < view plain text > $("div").data("test", 5); $("div").data("test")===5; $("div").removeData(); This is better than attaching data directly to data nodes for Read the rest…

Posted by Michael Mahemoff at 10:35 am
19 Comments

++++-
4.4 rating from 16 votes

Tuesday, August 17th, 2010

Glimmer: Visual Builder for JQuery Animations

Category: jQuery, Library

From Tim Aidlin over at Microsoft comes a tutorial on using JQuery to do animation. The tutorial is focused on using a new library they have designed called Glimmer that allows designers and developers to create interactive elements and animations on web pages using JQuery. Using Glimmer you setup your HTML and CSS and then Read the rest…

Posted by Brad Neuberg at 5:00 am
8 Comments

+++--
3 rating from 8 votes

Friday, August 13th, 2010

jQuery Mobile Announced; Touch-Optimized Web Framework for Smartphones & Tablets

Category: jQuery, Mobile

I have had the pleasure to start working with the awesome jQuery team on a new mobile development. Today, John announced jQuery Mobile, “a unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation.” Palm has sponsored the effort with other great folks, and I wrote Read the rest…

Posted by Dion Almaer at 9:12 pm
6 Comments

++---
2.9 rating from 7 votes

Wednesday, June 30th, 2010

jQuery.fn.webkitTransform: bananas on the skew-whiff

Category: CSS, JavaScript, jQuery

Franz Enzenhofer has created a nice new webkitTransform plugin that helps you manage transforms and state. Franz tells us more: With jQuery.css you can’t easily change the webkitTransform CSS because webkitTransform is not your average CSS. If in one step you add .css(‘-webkit-transform’, “rotate(20deg)”) and in the next step .css(‘-webkit-transform’, “scale(2.0)”) the rotate value gets Read the rest…

Posted by Dion Almaer at 7:01 am
10 Comments

++++-
4 rating from 5 votes

Monday, May 17th, 2010

RequireJS 0.11 Released; Ready for jQuery

Category: JavaScript, jQuery, Library

James Burke is moving quickly with his RequireJS library. He recently posted about the requirements that John Resig has for a script loader for jQuery: script loading must be async script loading should do as much in parallel as possible. This means in particular, that it should be possible to avoid dynamic nested dependency loading. Read the rest…

Posted by Dion Almaer at 12:11 am
3 Comments

+++--
3.7 rating from 6 votes

Thursday, April 29th, 2010

jQuery Micro Optimizations

Category: jQuery

Corey Hart has a fun post on jQuery micro optimization tips by walking through the jQuery codebase to see what is running. Right away he notes that these are true micro optimizations, and to “use with caution and balance elegance with performance correctly.” Chances are you are a lucky chap if these are the biggest Read the rest…

Posted by Dion Almaer at 6:05 am
10 Comments

+++--
3.5 rating from 6 votes

Friday, April 16th, 2010

“Visualize” data as graphs

Category: Canvas, JavaScript, jQuery

How do you visualize data in interesting ways but allow the data to be accessible for all? The jQuery Visualize work is the latest library that groks HTML and replaces the table with pretty graphs: The Visualize plugin parses key content elements in a well-structured HTML table, and leverages that native HTML5 canvas drawing ability Read the rest…

Posted by Dion Almaer at 9:17 am
Comment here

++++-
4.5 rating from 17 votes

Monday, March 29th, 2010

jQuery Special Events; Virtually… not in Real Life

Category: JavaScript, jQuery

Ben Alman has a mother of a post on his special events work for jQuery. I have a special penchant for custom events and the like, even though I have abused them just as I did in the old days of AOP! :) What are special events? The jQuery special events API is a fairly Read the rest…

Posted by Dion Almaer at 3:08 pm
4 Comments

+++--
3.7 rating from 39 votes

Wednesday, March 24th, 2010

jQuery UI 1.8 comes with new plugins, effect, and fixes

Category: jQuery

jQuery UI 1.8 has been released and it contains new plugins, a new effect, bug fixes, and is forkable on GitHub What’s new? Position utility Position any element relative to any other, or even relative to the window or the mouse. In true “Write Less. Do More” fashion, it’s a simple as selecting the element Read the rest…

Posted by Dion Almaer at 12:16 am
6 Comments

+++--
3.8 rating from 55 votes

Monday, March 22nd, 2010

Spritely: sprite and pan away

Category: jQuery, Library

Spritely is a new jQuery plugin that adds sprite() and pan() to your $(). The fun front page of birds is explained with simple goodness of: javascript < view plain text > // animate through 3 frames $(‘#bird’).sprite({fps: 12, no_of_frames: 3});   // clicking on the screen flies a sprite to you $(‘#bird’).sprite({fps: 12, no_of_frames: Read the rest…

Posted by Dion Almaer at 6:42 am
1 Comment

++++-
4.5 rating from 37 votes

Tuesday, March 16th, 2010

Microsoft <3 jQuery

Category: jQuery, Microsoft

Update: Here is a full set of release notes on the platform preview (called that as it is more of a shell than a browser. Rey Bango (Ajaxian and now Microsoft employee) will do a post that rounds up the news from MIX today where the IE9 team shared a first preview release of IE9 Read the rest…

Posted by Dion Almaer at 12:03 pm
27 Comments

+++--
3.3 rating from 65 votes

Friday, March 5th, 2010

Friday fun: Let’s translate YUI3 to jQuery

Category: jQuery, Library, YUI

I just came across this wonderful Gist on gitHub: javascript < view plain text > var $; YUI().use(‘*’, function(Y){   $ = Y.get;   for(var p in Y) {       $[p] = Y[p];   } });   // test $(‘body’).append("boo!"); In case you want to use YUI3 but really really like jQuery syntax Read the rest…

Posted by Chris Heilmann at 8:52 am
11 Comments

++---
2.4 rating from 71 votes

Friday, February 19th, 2010

jQuery 1.4.2: performance and a few APIs

Category: JavaScript, jQuery

jQuery 1.4.2 has been released today and it comes with some performance bumps (aggressive ones according to Taskspeed). Benchmarks are challenging, and John even calls that out: For example, we saw significant overall performance speed-ups in Taskspeed simply by optimizing the $(“body”) selector because it’s called hundreds of times within the tests. Additionally we saw Read the rest…

Posted by Dion Almaer at 6:59 pm
23 Comments

+++--
3.6 rating from 78 votes

Thursday, February 18th, 2010

Quicksand: transition and filtering effect

Category: JavaScript, jQuery

Jacek Galanciak has created a nice visual transition library, Quicksand, that filters and shows a set of data in an interesting way. The jQuery plugin has you quickly calling quicksand like this: javascript < view plain text > $(‘#source’).quicksand( $(‘#destination li’) ); and you have the data to transition between: HTML4 < view plain text Read the rest…

Posted by Dion Almaer at 6:55 am
17 Comments

+++--
3.6 rating from 35 votes