jQuery Crash Course

Suggested literature

Beginner

• How jQuery Works
• jQuery For Designers
• jQuery for JavaScript programmers
• jQuery Crash Course

Intermediate

• Getting Started with jQuery
• Simplify Ajax development with jQuery
• Easy Ajax with jQuery

Advanced

• jQuery Authoring Guidelines
• A Plugin Development Pattern
• Namespace Your Events
• Event Delegation Made Easy

More tutorials

Reference

# Functional (partial) listing:

• Core:
• $(...) : selects or creates a jQuery object
• jQuery( html ) : Create DOM elements on-the-fly from the provided String of raw HTML.
• jQuery( callback ) : A shorthand for $(document).ready().
• DOM:
• Attributes:
• attr( name )
• attr( properties )
• attr( key, value )
• Selecting:
• $('#id')
• $('element')
• Traversing:
• children( expr )
• parent( expr )
• end( )
• Manipulating:
• append( content )
• CSS:
• css( name )
• css( properties )
• css( name, value )
• Events:
• bind( type, data, fn )
• unbind( type, data )
• trigger( type, data )
• Array and object operations:
• jQuery.each( object, callback )
• jQuery.extend( target, object1, objectN )
• Plugin:
• jQuery.fn.extend( object )
• jQuery.extend( object )
• Ajax:
• jQuery.ajax( options )
• jQuery.get( url, data, callback )
• jQuery.post( url, data, callback, type )
• Cross-site scripting:
• jQuery.getJSON( url, data, callback )
• jQuery.getScript( url, callback )
• Effects:
• show( )
• hide( )
• fadeIn( speed, callback )
• fadeOut( speed, callback )
• User Agent:
• jQuery.browser
• jQuery.browser.version

# Alphabetical listing

# Official API

# API Browser

# Cheat sheet

Plugins

Form-related:

• Validation plugin: Supports remote ajax-validation, highlighting, standard validation methods, dynamic forms,...
• Masked Input Plugin: Assists users with inputting data in the correct format (dates,phone numbers,bank account numbers, etc).
• Form Plugin: Allows you to easily and unobtrusively upgrade HTML forms to use AJAX.
• Autocomplete A
• Autocomplete B
• Form'n'Field plugin: Validates field content, encapsulates custom field types, ...
• jquery-form: On-the-fly form generation with declarative syntax.

Other:

• Metadata: Extracts metadata from classes, random attributes or child elements.
• Metadata can be inserted in class-attributes without interfering with css (e.g. <li class="someclass {some: 'data'} anotherclass">...</li>) , because strings starting with '{' and '}' are skipped and not resolved to css classes.

• Chili: A code highlighter that has out-of-the-box support for JavaScript, jQuery, PHP, XHTML, MySQL, Java, C++, C#, CSS, Delphi, and LotusScript.
• HotKeys: Lets you easily add and remove handlers for keyboard events.
• And many more...