The awesomeness of jQuery

This page was used as "slides" for a talk about jQuery to cjug. You can treat each section below as a "slide". Unfortunately the audio that went with the screencast didn't turn out very well - so you had to be there :-)

What is jQuery

jQuery is the "write less, do more" JavaScript library. Current Release is v1.4.2
Handles cross browser issues
Provides handy DOM manipulation
Provides handy style manipulation
Ajax support
Plugins
UI Animations

Why is it gooder than other JS libs?

Simple JavaScript
Using CSS(3) selectors for applying behaviour - "Unobtrusive JavaScript" removing behaviour from the structure
Rapid development focus e.g.
$("table tr:nth-child(even)").addClass("striped");
1 blah 1
2 blah 2
3 blah 3
4 blah 4
DOM Elements from markup
Extensibility
Documentation
Momentum - used by everyone from Google to Microsoft

How you use it

Insert the jQuery Lib into <head>

$("selectStuff").doSomthing().doSomethingElse()... e.g.

$("#clickThisCode").click(function(event) {
$(this).slideUp();
});

Multiple chained event handlers add another event handler to the above location with the code:

var dolert = function() {
alert("clicked it");
}
$("#clickThisCode").bind('click', dolert);

Remove the handler with:

$("#clickThisCode").unbind('click', dolert);

Examples

just look at http://docs.jquery.com

1	blah 1
2	blah 2
3	blah 3
4	blah 4