jQuery: Novice to Ninja by Earle Castledine and Craig Sharkie

Symbols

!== (strict inequality) operator, (Equality Operators)

# (hash symbol) id name, (Simple Selecting)

$ (dollar sign)

JavaScript variable name, (The jQuery Alias)
uniqueness of, (Avoiding Conflicts)

$(document).ready() function, (Making Sure the Page Is Ready), (Setting CSS Properties)

$. prefixed functions, ($. Prefixed Functions)

$.active property (Ajax), (Global Progress Indicator)

$.ajax method

about, (The jQuery Ajax Workhorse)
callbacks and functions, (Callbacks and Functions)
flags, (Flags)
options, ($.ajax Options)
settings, (Settings)

$.ajaxSetup action, (Common Ajax Settings)

$.browser function, (Browser Sniffing (… Is Bad!))

$.browser.version function, (Browser Sniffing (… Is Bad!))

$.datepicker.setDefaults method, (Date Picker Utilities)

$.each function, (A Client-side Twitter Searcher), (Ajax Image Gallery)

$.extend function, (Adding Options)

$.fn.extend() method, (Adding Methods to jQuery)

$.get request, (GET and POST Requests)

$.getJSON function, (Fetching Data with $.getJSON), (Consuming XML)

$.getScript function, (Loading External Scripts with $.getScript)

$.inArray, ($.map and $.inArray)

$.map, ($.map and $.inArray)

$.post method, (Sending Form Data)

$.post request, (GET and POST Requests)

$.support method, ($.support Options)

$.trim method, (Overwriting Existing Functionality)

% (percent symbol) modulus, (True Cross-fading)

&& and operator, (Advanced Tooltips)

' (quotes), (Setting CSS Properties), (jQuery UI Dialog)

+ arithmetic operator, (Basic Tabs)

++ increment operator, (True Cross-fading), (Handling Errors)

-- decrement operator, (True Cross-fading), (Handling Errors)

. (dot) notation, (Creating a Widget)

. (period), namespaces, (Unbinding and Namespacing)

1-up notifications, (1-up Notification)

:checked filter, (Simple Form Validation)

:eq filter, (A Scrolling Gallery with scrollTo)

:eq selector attribute, (Rollover Fader)

:even filter, (Filters)

:hover pseudo selector, (Drop-down Menus)

:not selector, (A Simple Accordion)

:selected filter, (Simple Form Validation)

= (assignment) operator, (Equality Operators)

== (equality) operator, (Equality Operators)

=== (strict quality) operator, (Equality Operators)

A

“above the fold”, defined, (Create Your Own Selectors)

accessibility, semi-transparent controls, (Sliding Overlay)

action

attr, (Custom Lightbox)

actions

$.ajaxSetup action, (Common Ajax Settings)
about, (Dissecting a jQuery Statement), (this)
attr action, (Inverting a Selection)
bind, (Inline Editing)
chaining actions, (Chaining Actions)
closest action, (Growl-style Notifications)
data action, (Smarter Scrolling with the data Action), (Treating JavaScript Objects as jQuery Objects)
default event actions, (Default Event Actions)
delay, (Pausing the Chain)
disableSelection action, (jQuery UI sortable)
enableSelection action, (jQuery UI sortable)
filter action, (Searching through Lists)
hide action, (Hiding and Revealing Elements)
html action, (Modifying Content)
is action, (Toggling Elements)
live action, (Simple Modal Dialog)
one action, (Adding the Plugin’s Functionality)
parent actions, (Thumbnail Scroller)
pushStack action, (The jQuery Stack)
remove action, (Removing Existing Elements)
text action, (Modifying Content), (Searching through Lists)

add method, (A Simple Accordion)

addClass function, (Adding and Removing Classes)

adding

callbacks to plugins, (Adding Callbacks)
classes, (Adding and Removing Classes)
elements, (Adding New Elements)
options to plugins, (Adding Options)

Ajax (Asynchronous JavaScript and XML), (Ajax Crash Course)

$.ajax method, (The jQuery Ajax Workhorse)
about, (What Is Ajax?)
client-side Twitter searcher, (A Client-side Twitter Searcher)
events, (jQuery Ajax Events)
fetching data with $.getJSON, (Fetching Data with $.getJSON)
GET and POST requests, (GET and POST Requests)
Hijax, (Enhancing Hyperlinks with Hijax)
image gallery, (Ajax Image Gallery)
image tagging, (Image Tagging)
live function and die events, (Prepare for the Future: live and die)
loading, (Advanced loading)
loading content, (jQuery UI Tabs)
loading external scripts, (Loading External Scripts with $.getScript)
loading remote HTML, (Loading Remote HTML)
picking HTML with selectors, (Picking HTML with Selectors)
requests, (Global Progress Indicator)
settings, (Common Ajax Settings)

ajaxComplete global events, (jQuery Ajax Events)

ajaxError global events, (jQuery Ajax Events)

ajaxSend global events, (jQuery Ajax Events)

ajaxStart global events, (jQuery Ajax Events)

ajaxStart method, (Global Progress Indicator)

ajaxStop global events, (jQuery Ajax Events)

ajaxStop method, (Global Progress Indicator)

ajaxSuccess global events, (jQuery Ajax Events)

aliases

event parameters, (Event Handler Parameters)
using, (The jQuery Alias)

and (&&) operator, (Advanced Tooltips)

animated navigation, (Animated Navigation)

animating, (Animating)

animated navigation, (Animated Navigation)
animation queue, (The Animation Queue)
chaining actions, (Chaining Actions)
color, (Color Animation)
content panes, (Bouncy Content Panes)
CSS properties, (Animating CSS Properties)
easing, (Easing)
effects, (Basic Animation: Hiding and Revealing with Flair)
jQuery UI library, (The jQuery User Interface Library)
“puff” effect example, (The “Puff” Effect)
queuing and dequeuing, (Queuing and Dequeuing Animations)

animation queue, (The Animation Queue)

anonymous functions, (Callback Functions)

API (Application Programming Interface), fetching data, (Fetching Data with $.getJSON)

appending lists, (Fixed Table Headers)

arithmetic (+) operator, (Basic Tabs)

assignment (=) operator, (Equality Operators)

async Ajax option, (Flags)

Asynchronous JavaScript and XML (see Ajax)

attr action, (Custom Lightbox), (Inverting a Selection)

attribute selectors, (Scrolling the Document)

attributes

:eq selector attribute, (Rollover Fader)
title attribute (links), (Simple Tooltips)

autocomplete, forms, (Autocomplete)

axis option (draggable interaction helper), (draggable)

B

beforeClose events, (jQuery UI Dialog)

beforeSend local events, (jQuery Ajax Events), (Randomizing the Images)

bgiframe plugin, (jQuery UI Dialog)

bind action, (Inline Editing)

bind method, (The special Event)

binding multiple events, (Inline Editing)

binding, iPhones, (Binding the iPhone: Non-standard Events)

Boolean type, JavaScript, (Truthiness and Falsiness)

boxModel property ($.support method), ($.support Options)

browser sniffing, (Browser Sniffing (… Is Bad!))

browsers

compatibility, (Cross-browser Compatibility)
drag and drop, (Drag and Drop)

bubbles, events, (Event Propagation)

C

cache Ajax option, (Flags)

calculated style, (Reading CSS Properties)

call method (JavaScript), (Adding Callbacks)

callback functions

$.ajax method, (Callbacks and Functions)
adding to plugins, (Adding Callbacks)
effects, (Callback Functions)
number of, (Highlighting When Hovering)
passing, (1-up Notification)
running, (Adding Callbacks)
success callback, (Ajax Image Gallery)

Cascading Style Sheets (see CSS)

CDN (Content Delivery Network), (The Google CDN)

chaining

actions, (Chaining Actions)
empty or remove commands, (Inline Editing)

changeBubbles property ($.support method), ($.support Options)

checkboxes

forms, (Check All Checkboxes)
selecting columns of, (Selecting a Column of Checkboxes)
selecting rows with, (Selecting Rows with Checkboxes)
shift-selecting checkboxes, (Shift-selecting Checkboxes)

child elements, defined, (Bits of HTML—aka “The DOM”)

child selectors, styling top-level links, (Expandable/Collapsible Menus)

classes

decorating, (Classes)
toggleClass method, (Expandable Tree)

clearInterval command, (Stopping Timers)

clearTimeout command, (Stopping Timers)

click event handler, (Event Handlers), (Event Delegation)

click method, (Unbinding and Namespacing)

client-side form validation versus server-side form validation, (Simple Form Validation)

client-side templating, (Client-side Templating)

client-side Twitter searcher, (A Client-side Twitter Searcher)

clone method, (Client-side Templating)

closest action, (Growl-style Notifications)

coding practices, (Cleaner jQuery)

comments, (Code Comments)
error handling, (Handling Errors)
JavaScript, (Construction and Best Practices)
map objects, (Map Objects)
namespaces, (Namespacing Your Code)
scope, (Scope)

color animation, (Color Animation)

ColorBox plugin, (ColorBox: A Lightbox Plugin)

columns, selecting columns of checkboxes, (Selecting a Column of Checkboxes)

commands, (Dissecting a jQuery Statement)

(see also actions; callback functions; functions; methods; statements; utilities)
clearInterval command, (Stopping Timers)
construction of, (Dissecting a jQuery Statement)
empty command, (Inline Editing)
filter command, (A Simple Accordion)
remove command, (Inline Editing)

comments, in code, (Code Comments)

compatibility, browsers, (Cross-browser Compatibility)

complete callback handler, (Adding Callbacks)

complete local events, (jQuery Ajax Events)

components, making themeable, (Making Your Components Themeable)

compressed versus uncompressed jQuery downloads, (Uncompressed or compressed?)

conditional assignment, modulus, (Star Rating Control)

conflicts, avoiding, (Avoiding Conflicts)

console.log, troubleshooting lightboxes, (Troubleshooting with console.log)

content

loading via Ajax, (jQuery UI Tabs)
modifying, (Modifying Content)
updating, (Client-side Templating)

Content Delivery Network (CDN), (The Google CDN)

content panes, animating, (Bouncy Content Panes)

contents() function, (Inline Editing)

contentType Ajax setting, (Settings)

context Ajax setting, (Keeping Context), (Settings)

context, plugins and selectors, (Selector and Context)

controls, (Controls)

(see also dialogs; forms; notifications)
accessibility and semi-transparent controls, (Sliding Overlay)
checkboxes, (Check All Checkboxes)
date picker, (Date Picker)
drag and drop, (Drag and Drop)
navigation, (Expandable/Collapsible Menus)
navigation controls in plugins, (Pagination)
progress bar, (Progress Bar)
sliders, (Sliders)
sortable behavior, (jQuery UI sortable)
tabs, (Tab Control Methods)

create method, (Star Rating Control)

creating (see adding)

cropping images with Jcrop, (Cropping Images with Jcrop)

cross-fading JavaScript timers, (True Cross-fading)

cross-fading multiple images, (Fading Slideshow)

cross-fading slideshows, (Cross-fading Slideshows)

JavaScript timers, (JavaScript Timers)
rollover fader, (Rollover Fader)
with plugins, (Advanced Fading with Plugins)

CSS (Cascading Style Sheets)

animating CSS properties, (Animating CSS Properties)
child selectors, (Expandable/Collapsible Menus)
CSS3 selectors, (CSS3 Selectors)
IE6, (Advanced Tooltips)
layout switcher, (Layout Switcher)
properties, (Reading CSS Properties)
tabs, (Basic Tabs)
z-index property, (True Cross-fading)

cssFloat property ($.support method), ($.support Options)

Cycle plugin, (The Cycle Plugin)

D

data

accessing with selectables, (Accessing the Data)
fetching with $.getJSON, (Fetching Data with $.getJSON)
sending form data, (Sending Form Data)

data action, (Smarter Scrolling with the data Action), (Treating JavaScript Objects as jQuery Objects)

data Ajax setting, (Settings)

data grids, (Data Grids)

DataTables plugin, (DataTables Plugin)
editing rows, (Editing a Row)
pagination, (Pagination)

data interchange, JSON and XML, (Consuming XML)

data parameter (bind method), (The special Event)

data sources, templating, (Client-side Templating)

DataTables plugin, (DataTables Plugin)

dataType Ajax setting, (Settings)

date picker, (Date Picker)

dates, validation, (Date Picker)

debugging (see troubleshooting)

decorating, (Decorating: CSS with jQuery)

classes, (Classes)
CSS properties, (Reading CSS Properties)

decrement (--)operator, (True Cross-fading)

defaults, event actions, (Default Event Actions)

delay action, (Pausing the Chain)

delegation, event delegation, (Event Delegation)

deleting (see removing)

dequeuing animations, (Queuing and Dequeuing Animations)

development verses minified jQuery downloads, (Uncompressed or compressed?)

dialogs, (Simple Modal Dialog)

die events, (Prepare for the Future: live and die)

disableSelection action, (jQuery UI sortable)

disabling mousedown and mouseup events on iPhones, (Binding the iPhone: Non-standard Events)

display function, (Consuming XML)

DIY event objects, (DIY Event Objects)

documents, scrolling, (Scrolling the Document)

dollar sign ($)

JavaScript variable name, (The jQuery Alias)
uniqueness of, (Avoiding Conflicts)

DOM (Document Object Model)

about, (Bits of HTML—aka “The DOM”), (Adding New Elements)
Firebug, (Classes)

dot (.) notation, (Creating a Widget)

downloading

jQuery, (Downloading jQuery)
jQuery UI library, (The jQuery User Interface Library)

drag and drop, (Drag and Drop), (jQuery UI Selectables)

draggable interaction helper, (draggable)

drop-down menus, (Drop-down Menus)

droppable elements, (droppable)

duplicate tags, finding, (jQuery UI Selectables)

E

e parameter, (Event Handler Parameters)

e.stopPropagation(), (Expandable/Collapsible Menus)

each function, (Fixed Table Headers)

easing, animation, (Easing)

editing rows, (Editing a Row)

effects, (Enhancing: Adding Effects with jQuery)

adding elements, (Adding New Elements)
animation, (Basic Animation: Hiding and Revealing with Flair)
callback functions, (Callback Functions)
hiding and revealing elements, (Hiding and Revealing Elements)
highlighting when hovering, (Highlighting When Hovering)
modifying content, (Modifying Content)
progressing enhancement, (Progressive Enhancement)
removing elements, (Removing Existing Elements)
spoiler revealer, (Spoiler Revealer)

element types, in selectors, (Simple Selecting)

elements

adding, (Adding New Elements)
DOM, (Bits of HTML—aka “The DOM”)
droppable elements, (droppable)
inserting, (Adding New Elements)
properties, (Reading CSS Properties)
removing, (Removing Existing Elements)
resizable, (Resizable Elements)
selecting, (Selecting Multiple Elements)
swapping in select box lists, (Swapping List Elements)
toggling, (Toggling Elements)

empty command, (Inline Editing)

enableSelection action, (jQuery UI sortable)

endless scrolling, Ajax image gallery, (Endless Scrolling)

:eq filter, (A Scrolling Gallery with scrollTo)

:eq selector attribute, (Rollover Fader)

equality (==) operator, (Equality Operators)

equality operators, JavaScript, (Equality Operators)

error handling, Ajax, (Handling Errors)

error local event, (jQuery Ajax Events)

:even filter, (Filters)

event handlers

hiding and revealing elements, (Event Handlers)
parameters, (Event Handler Parameters)

events, (Events), (Events)

Ajax, (jQuery Ajax Events)
beforeClose events, (jQuery UI Dialog)
beforeSend local events, (jQuery Ajax Events), (Randomizing the Images)
binding iPhones, (Binding the iPhone: Non-standard Events)
custom, (Custom Events)
default actions, (Default Event Actions)
delegation, (Event Delegation)
die events, (Prepare for the Future: live and die)
DIY event objects, (DIY Event Objects)
droppable elements, (droppable)
keypress events, (Event Handler Parameters), (Maximum Length Indicator)
load events, (Custom Lightbox)
methods, (Event Methods)
mousedown events, (Binding the iPhone: Non-standard Events)
mouseover events, (Hover Intent)
mouseup events, (Binding the iPhone: Non-standard Events)
onChange events, (Cropping Images with Jcrop)
onSelect events, (Cropping Images with Jcrop)
propagation, (Event Propagation)
properties, (Event Properties), (Event Properties)
resize events, (The resize Event)
scroll events, (The scroll Event)
special events, (The special Event)
submit events, (The submit Event)
unbinding and namespacing, (Unbinding and Namespacing)

expandable trees, (Expandable Tree)

expandable/collapsible menus, (Expandable/Collapsible Menus)

expanding menus on hover, (Menu Expand on Hover)

exponential backoff, (Handling Errors)

extending jQuery, (Extending jQuery)

$. prefixed functions, ($. Prefixed Functions)
methods, (Adding Methods to jQuery)
overwriting existing functionality, (Overwriting Existing Functionality)
selectors, (Create Your Own Selectors)

extensibility, plugins, (Plugins)

F

fading, animation, (Fading In and Out)

(see also cross-fading slideshows)

falsiness, JavaScript, (Truthiness and Falsiness)

fetching data with $.getJSON, (Fetching Data with $.getJSON)

filter action, (Searching through Lists)

filter command, (A Simple Accordion)

filters

:checked and :selected filters, (Simple Form Validation)
:eq filter, (A Scrolling Gallery with scrollTo)
selecting, (Filters)

Firebug, (Classes)

fixed table headers, (Fixed Table Headers)

flags, $.ajax method, (Flags)

floating navigation, (Floating Navigation)

fold, defined, (Create Your Own Selectors)

forms, (Forms)

autocomplete, (Autocomplete)
checkboxes, (Check All Checkboxes)
hints, (Form Hints)
inline editing, (Inline Editing)
maximum length indicator, (Maximum Length Indicator)
sending data, (Sending Form Data)
slide-down login forms, (Slide-down Login Form)
star rating control, (Star Rating Control)
validation, (Simple Form Validation)

functions, (Helpful Utilities), (Dissecting a jQuery Statement)

(see also actions; callback functions; commands; methods; utilities)
$(document).ready(), (Making Sure the Page Is Ready)
$.ajax method, (Callbacks and Functions)
$.browser function, (Browser Sniffing (… Is Bad!))
$.browser.version function, (Browser Sniffing (… Is Bad!))
$.each function, (A Client-side Twitter Searcher), (Ajax Image Gallery)
$.extend function, (Adding Options)
$.getJSON function, (Fetching Data with $.getJSON), (Consuming XML)
$.getScript function, (Loading External Scripts with $.getScript)
about, (Helpful Utilities)
addClass function, (Adding and Removing Classes)
animate function, (Animating CSS Properties)
anonymous functions, (Callback Functions)
contents() function, (Inline Editing)
display function, (Consuming XML)
each function, (Fixed Table Headers)
hover function, (Star Rating Control)
insertAfter function, (Adding New Elements)
jQuery alias, (The jQuery Alias)
live function, (Prepare for the Future: live and die)
load function, (The jQuery Ajax Workhorse)
nested, (Pagination)
removeClass function, (Adding and Removing Classes)
replaceWith() function, (Inline Editing)
selector-based functions, (Fixed Table Headers)
setTimeout function, (Randomizing the Images), (Handling Errors)
sort function, (Sorting Lists)
supports function, (Helpful Utilities)
template function, (Client-side Templating)
trigger function, (Inline Editing)
val function, (Simple Form Validation)

G

galleries, themes, (Using Gallery Themes)

(see also slideshows)

GET requests, (GET and POST Requests)

global Ajax option, (Flags)

global events, Ajax, (jQuery Ajax Events)

global progress indicators, Ajax image gallery, (Global Progress Indicator)

Google CDN, (The Google CDN)

Growl-style notifications, (Growl-style Notifications)

H

handlers

complete callback handler, (Adding Callbacks)
event handlers, (Event Handlers)
setup handler, (Adding Callbacks)

hash symbol (#) id name, (Simple Selecting)

headers

fixed table headers, (Fixed Table Headers)
repeating table headers, (Repeating Header)

hidden menus, (Slide-down Login Form)

hide action, (Hiding and Revealing Elements)

hiding elements, (Hiding and Revealing Elements)

highlighting, when hovering, (Highlighting When Hovering)

Hijax, (Enhancing Hyperlinks with Hijax)

hints, forms, (Form Hints)

hover function, (Star Rating Control)

Hover Intent plugin, (Hover Intent)

:hover pseudo selector, (Drop-down Menus)

hovering

expanding menus on, (Menu Expand on Hover)
highlighting when, (Highlighting When Hovering)

hrefNormalized property ($.support method), ($.support Options)

HTML, (Bits of HTML—aka “The DOM”)

(see also DOM)
loading, (Making Sure the Page Is Ready), (Loading Remote HTML)
picking with selectors, (Picking HTML with Selectors)

html action, (Modifying Content)

htmlSerialize property ($.support method), ($.support Options)

hyperlinks, Hijax, (Enhancing Hyperlinks with Hijax)

I

icons, IE6, (Rolling Your Own)

IE6 (Internet Explorer 6)

CSS, (Advanced Tooltips)
select boxes issue, (jQuery UI Dialog)
ThemeRoller, PNGs and icons, (Rolling Your Own)

if statement, (Toggling Elements)

ifModified Ajax option, (Flags)

images, (Images and Slideshows)

(see also slideshows)
Ajax image gallery, (Ajax Image Gallery)
cropping with Jcrop, (Cropping Images with Jcrop)
image tagging, (Image Tagging)
importance of to web browsing, (Images and Slideshows)
preloading, (The “Puff” Effect)

including jQuery, (Downloading jQuery)

increment (++) operator, (True Cross-fading)

index method, (Accessing the Data)

indexOf method (JavaScript), (Searching through Lists)

indicators, open/closed indicators, (Open/Closed Indicators)

inline editing, forms, (Inline Editing)

inline scripting, need for, (Keeping Markup Clean)

InnerFade plugin, (News Ticker with InnerFade)

insertAfter function, (Adding New Elements)

insertBefore method, (Adding New Elements)

inserting elements, (Adding New Elements)

interactivity, Ajax image gallery, (Ajax Image Gallery)

Internet Explorer 6 (see IE6)

inverting selections in select box lists, (Inverting a Selection)

iPhones, binding, (Binding the iPhone: Non-standard Events)

iPhoto-like slideshow widget, (iPhoto-like Slideshow widget)

is action, (Toggling Elements)

J

JavaScript, (JavaScript Tidbits)

call method, (Adding Callbacks)
coding practices, (Construction and Best Practices)
equality operators, (Equality Operators)
indexOf method, (Searching through Lists)
JavaScript objects as jQuery objects, (Treating JavaScript Objects as jQuery Objects)
and jQuery, (Downloading and Including jQuery), (The jQuery Ajax Workhorse)
scrollHeight property, (Endless Scrolling)
timer methods, (JavaScript Timers)
truthiness and falsiness, (Truthiness and Falsiness)
type coercion, (Type Coercion)
variables, (Pane Splitter)

JavaScript Object Notation (JSON), data interchange, (Fetching Data with $.getJSON), (Consuming XML)

JavaScript objects, quotes ('), (Setting CSS Properties)

JavaScript timers, (JavaScript Timers)

about, (JavaScript Timers)
cross-fading, (True Cross-fading)
fading slideshows, (Fading Slideshow)
setting up, (Setting up a Timer)
stopping, (Stopping Timers)

Jcrop plugin, (Cropping Images with Jcrop)

jQuery function

and jQuery alias, (The jQuery Alias), (Selecting: The Core of jQuery)
passing strings to, (Simple Selecting)

jQuery stack, plugins, (The jQuery Stack)

jQuery UI (jQuery User Interface), (jQuery UI)

jQuery UI library

accordion menus, (jQuery UI Accordion)
animating, (The jQuery User Interface Library)
plugins, (Advanced Easing)
tabs, (jQuery UI Tabs)

jQuery.fn.extend() method, (Adding Methods to jQuery)

jScrollPane plugin, (Custom Scroll Bars)

JSMin, (Minification)

JSON (JavaScript Object Notation), data interchange, (Fetching Data with $.getJSON), (Consuming XML)

jsonp Ajax setting, (Settings)

K

keypress events, (Event Handler Parameters), (Maximum Length Indicator)
keywords, quotes ('), (Setting CSS Properties)

L

latency, sever latency, (Adding a Spinner)

layout switcher, CSS, (Layout Switcher)

leadingWhitespace property ($.support method), ($.support Options)

length property, (Testing Our Selection)

libraries, $ (dollar sign) function name, (The jQuery Alias)

(see also jQuery UI library)

lightboxes, (Lightboxes)

ColorBox plugin, (ColorBox: A Lightbox Plugin)
custom, (Custom Lightbox)
modal dialogs, (Simple Modal Dialog)
troubleshooting with console.log, (Troubleshooting with console.log)

linear easing, (Easing)

lists, (Lists)

select box lists, (Manipulating Select Box Lists)
selectables, (jQuery UI Selectables)
sorting, (Sorting Lists)

live action, (Simple Modal Dialog)

live function, (Prepare for the Future: live and die)

load events, (Custom Lightbox)

load function, (The jQuery Ajax Workhorse)

loading

content via Ajax, (jQuery UI Tabs)
errors in operation, (Handling Errors)
external scripts, (Loading External Scripts with $.getScript)
HTML, (Making Sure the Page Is Ready)
jQuery, (Downloading jQuery)
remote HTML, (Loading Remote HTML)
using Ajax, (Advanced loading)

local events

Ajax, (jQuery Ajax Events)
beforeSend local events, (Randomizing the Images)

logical operators, (Advanced Tooltips)

login forms, slide-down login forms, (Slide-down Login Form)

M

map objects, (Map Objects)

mashups, fetching data, (Fetching Data with $.getJSON)

Math.random method (ScrollTo plugin), (A Scrolling Gallery with scrollTo)

maximum length indicator, forms, (Maximum Length Indicator)

menus, (Menus)

accordion menus, (Accordion Menus)
drop-down menus, (Drop-down Menus)
expandable/collapsible menus, (Expandable/Collapsible Menus)
expanding on hover, (Menu Expand on Hover)
hidden menus, (Slide-down Login Form)
open/closed indicators, (Open/Closed Indicators)

methods

$.ajax method, (The jQuery Ajax Workhorse), ($.ajax Options)
$.datepicker.setDefaults method, (Date Picker Utilities)
$.fn.extend() method, (Adding Methods to jQuery)
$.post method, (Sending Form Data)
$.support method, ($.support Options)
$.trim method, (Overwriting Existing Functionality)
add method, (A Simple Accordion)
ajaxStart method, (Global Progress Indicator)
bind, (Inline Editing)
bind method, (The special Event)
call method (JavaScript), (Adding Callbacks)
click method, (Unbinding and Namespacing)
clone method, (Client-side Templating)
create method, (Star Rating Control)
events, (Event Methods)
extending jQuery, (Adding Methods to jQuery)
index method, (Accessing the Data)
indexOf method (JavaScript), (Searching through Lists)
insertBefore method, (Adding New Elements)
jQuery.fn.extend() method, (Adding Methods to jQuery)
Math.random method (ScrollTo plugin), (A Scrolling Gallery with scrollTo)
mouseover method, (Unbinding and Namespacing)
nextAll method, (Star Rating Control)
nextUntil method, (Star Rating Control)
prevUntil method, (Star Rating Control)
serialize method, (Sending Form Data)
setTimeout method (JavaScript), (Setting up a Timer)
stopImmediatePropagation method, (Event Methods)
stopPropagation method, (Event Propagation), (Event Methods)
tab control, (Tab Control Methods)
tellSelect method (Jcrop plugin), (Cropping Images with Jcrop)
timer methods (JavaScript), (JavaScript Timers)
toggleClass method, (Expandable Tree)

minification, plugins, (Minification)

minified verses development jQuery downloads, (Uncompressed or compressed?)

minSize property (Jcrop plugin), (Cropping Images with Jcrop)

modal dialogs, (Simple Modal Dialog)

modulus

conditional assignment, (Star Rating Control)
cross-fading, (True Cross-fading)

mousedown events, (Binding the iPhone: Non-standard Events)

mouseover events, (Hover Intent)

mouseover method, (Unbinding and Namespacing)

mouseup events, (Binding the iPhone: Non-standard Events)

N

namespacing

about, (The jQuery Alias)
coding practices, (Namespacing Your Code)
events, (Unbinding and Namespacing)

naming event parameters, (Event Handler Parameters)

navigation

animated navigation, (Animated Navigation)
controls in plugins, (Pagination)
floating navigation, (Floating Navigation)
submenu system, (Expandable/Collapsible Menus)

nested functions, (Pagination)

nextAll method, (Star Rating Control)

nextUntil method, (Star Rating Control)

Nightlies, (Nightlies and Subversion)

noCloneEvent property ($.support method), ($.support Options)

:not selector, (A Simple Accordion)

notifications, (Growl-style Notifications)

1-up notifications, (1-up Notification)
Growl-style notifications, (Growl-style Notifications)

nth-child selector, (Repeating Header)

O

object literals, (Setting CSS Properties)

objects

DIY event objects, (DIY Event Objects)
JavaScript objects and quotes ('), (Setting CSS Properties)
JavaScript objects as jQuery objects, (Treating JavaScript Objects as jQuery Objects)
map objects, (Map Objects)

onChange event, (Cropping Images with Jcrop)

one action, (Adding the Plugin’s Functionality)

onSelect events, (Cropping Images with Jcrop)

opacity property ($.support method), ($.support Options)

open/closed indicators, (Open/Closed Indicators)

operators

and (&&) operator, (Advanced Tooltips)
arithmetic (+) operator, (Basic Tabs)
equality operators in JavaScript, (Equality Operators)
increment (++) and decrement (--) operators, (True Cross-fading), (Handling Errors)
logical operators, (Advanced Tooltips)
ternary operator, (Fading Slideshow)

options, adding to plugins, (Adding Options)

P

Packer, (Minification)

pagination, data grids, (Pagination)

pane splitter, (Pane Splitter)

panels, (Panels and Panes)

slide-down login forms, (Slide-down Login Form)
sliding overlays, (Sliding Overlay)

panes, (Panels and Panes)

animating content panes, (Bouncy Content Panes)
slide-down login forms, (Slide-down Login Form)
sliding overlays, (Sliding Overlay)

parameters

about, (Dissecting a jQuery Statement)
data parameter (bind method), (The special Event)
e parameter, (Event Handler Parameters)
params parameter, (jQuery-style Callback)

params parameter, (jQuery-style Callback)

parent actions, (Thumbnail Scroller)

parent container selectors, (Simple Selecting)

parent elements, defined, (Bits of HTML—aka “The DOM”)

passing callbacks, (1-up Notification)

password Ajax setting, (Settings)

pausing a jQuery chain, (Pausing the Chain)

pausing animation, (Pausing the Chain)

percent symbol (%) modulus, (True Cross-fading)

performance

checkboxes, (Check All Checkboxes)
click event handler, (Event Delegation)
jQuery, (What’s the downside?)

period (.), namespaces, (Unbinding and Namespacing)

plugins, (Plugin Helpers)

about, (Plugins)
Autocomplete plugin, (Autocomplete)
bgiframe plugin, (jQuery UI Dialog)
Color Animations plugin, (Color Animation)
ColorBox plugin, (ColorBox: A Lightbox Plugin)
creating, (Plugins)
Cycle plugin, (The Cycle Plugin)
DataTables plugin, (DataTables Plugin)
easing plugin, (Advanced Easing)
fading with, (Advanced Fading with Plugins)
Hover Intent plugin, (Hover Intent)
InnerFade plugin, (News Ticker with InnerFade)
Jcrop plugin, (Cropping Images with Jcrop)
jQuery stack, (The jQuery Stack)
jQuery UI library, (Advanced Easing)
jScrollPane plugin, (Custom Scroll Bars)
minification, (Minification)
namespacing, (Unbinding and Namespacing)
navigation controls, (Pagination)
Resizable plugin, (Resizable Elements)
ScrollTo plugin, (Scrolling the Document), (A Scrolling Gallery with scrollTo)
selectors and context, (Selector and Context)
ThickBox plugin, (ColorBox: A Lightbox Plugin)
Validation plugin, (Form Validation with the Validation Plugin)
warning about, (Advanced Fading with Plugins)

PNGs, IE6, (Rolling Your Own)

POST requests, (GET and POST Requests)

preloading images, (The “Puff” Effect)

prevUntil method, (Star Rating Control)

processData Ajax option, (Flags)

progress bar, (Progress Bar)

progress indicators, (Global Progress Indicator)

propagation, events, (Event Propagation)

properties

$.active property (Ajax), (Global Progress Indicator)
CSS properties, (Reading CSS Properties)
elements, (Reading CSS Properties)
events, (Event Properties), (Event Properties)
Jcrop plugin, (Cropping Images with Jcrop)
length property, (Testing Our Selection)
scrollHeight property (JavaScript), (Endless Scrolling)
selector and context properties, (Selector and Context)
z-index property (CSS), (True Cross-fading)

prototypes, plugins, (Setting Up)

puff effect, (The “Puff” Effect)

pushStack action, (The jQuery Stack)

Q

queuing animations, (The Animation Queue), (Queuing and Dequeuing Animations)
quick element construction, (Custom Lightbox)
quotes ('), (Setting CSS Properties), (jQuery UI Dialog)

R

random numbers, Math.random method (ScrollTo plugin), (A Scrolling Gallery with scrollTo)

randomizing images, (Randomizing the Images)

reading CSS properties, (Reading CSS Properties)

remote HTML, loading, (Loading Remote HTML)

remove action, (Removing Existing Elements)

remove command, (Inline Editing)

removeClass function, (Adding and Removing Classes)

removing

classes, (Adding and Removing Classes)
elements, (Removing Existing Elements)

replaceWith() function, (Inline Editing)

requests

Ajax, (Global Progress Indicator)
GET and POST requests, (GET and POST Requests)

resizing, (Resizing)

elements, (Resizable Elements)
resize events, (The resize Event)

revealing elements, (Hiding and Revealing Elements)

revert option (draggable interaction helper), (draggable)

rows

editing, (Editing a Row)
header rows, (Fixed Table Headers), (Repeating Header)
selecting, (Simple Selecting), (Highlighting When Hovering), (Selecting Rows with Checkboxes)

rules option (Validation Plugin), (Form Validation with the Validation Plugin)

S

scope, coding practices, (Scope)

scriptCharset Ajax setting, (Settings)

scriptEval property ($.support method), ($.support Options)

scripts

about, (Anatomy of a jQuery Script)
loading external scripts, (Loading External Scripts with $.getScript)
separating from page presentation, (Keeping Markup Clean)

scrollHeight property (JavaScript), (Endless Scrolling)

scrolling, (Scrolling)

Ajax image gallery, (Endless Scrolling)
custom scroll bars, (Custom Scroll Bars)
documents, (Scrolling the Document)
floating navigation, (Floating Navigation)
scroll events, (The scroll Event)
slideshows, (Scrolling Slideshows)

ScrollTo plugin, (Scrolling the Document), (A Scrolling Gallery with scrollTo)

searching

client-side Twitter searcher, (A Client-side Twitter Searcher)
select box lists, (Searching through Lists)

select box lists, (Manipulating Select Box Lists)

inverting selections, (Inverting a Selection)
searching, (Searching through Lists)
swapping list elements, (Swapping List Elements)

selectables, (jQuery UI Selectables)

$.map and $.inArray, ($.map and $.inArray)
about, (jQuery UI Selectables)
accessing data, (Accessing the Data)

selecting, (Selecting: The Core of jQuery)

about, (Selecting: The Core of jQuery)
checkboxes, (Shift-selecting Checkboxes)
columns of checkboxes, (Selecting a Column of Checkboxes)
elements, (Selecting Multiple Elements)
filters, (Filters)
narrowing down, (Narrowing Down Our Selection)
rows, (Simple Selecting), (Highlighting When Hovering), (Selecting Rows with Checkboxes)
testing, (Testing Our Selection)

selections, inverting in select box lists, (Inverting a Selection)

selectors

:hover pseudo selector, (Drop-down Menus)
:not selector, (A Simple Accordion)
about, (Dissecting a jQuery Statement)
attribute selectors, (Scrolling the Document)
child selectors, (Expandable/Collapsible Menus)
CSS3, (CSS3 Selectors)
extending jQuery, (Create Your Own Selectors)
nth-child selector, (Repeating Header)
picking HTML with, (Picking HTML with Selectors)
plugins and context, (Selector and Context)

semi-transparent controls, accessibility, (Sliding Overlay)

sending form data, (Sending Form Data)

serialize method, (Sending Form Data)

server-side form validation versus client-side form validation, (Simple Form Validation)

setInterval method (JavaScript), (JavaScript Timers)

setSelect property (Jcrop plugin), (Cropping Images with Jcrop)

setTimeout function, (Randomizing the Images), (Handling Errors)

setTimeout method (JavaScript), (JavaScript Timers), (Setting up a Timer)

setup handler, (Adding Callbacks)

sever latency, simulating, (Adding a Spinner)

shift-selecting checkboxes, (Shift-selecting Checkboxes)

siblings elements, defined, (Bits of HTML—aka “The DOM”)

simulating sever latency, (Adding a Spinner)

size of jQuery, (What’s the downside?)

slide-down login forms, (Slide-down Login Form)

sliders, (Sliders)

slideshows, (Images and Slideshows)

cropping images, (Cropping Images with Jcrop)
cross-fading, (Cross-fading Slideshows)
iPhoto-like widget, (iPhoto-like Slideshow widget)
lightboxes, (Lightboxes)
scrolling, (Scrolling Slideshows)

sliding overlays: panels and panes, (Sliding Overlay)

sortable behavior, (jQuery UI sortable)

sorting lists, (Sorting Lists)

special events, (The special Event)

speed (see performance)

spinners, Ajax image gallery, (Adding a Spinner)

splitters, (Pane Splitter)

spoiler revealer, effects, (Spoiler Revealer)

stack, jQuery stack and plugins, (The jQuery Stack)

star rating control, forms, (Star Rating Control)

statements, (Dissecting a jQuery Statement)

(see also actions; callback functions; commands; functions; methods; utilities)
if statement, (Toggling Elements)

stopImmediatePropagation method, (Event Methods)

stopping JavaScript timers, (Stopping Timers)

stopPropagation method, (Event Propagation), (Event Methods)

strict inequality (!==) operator, (Equality Operators)

strict quality (===) operator, (Equality Operators)

strings, passing to jQuery function, (Simple Selecting)

style property ($.support method), ($.support Options)

style, calculated style, (Reading CSS Properties)

submenu system, vertical site navigation, (Expandable/Collapsible Menus)

submit events, (The submit Event)

submitBubbles property ($.support method), ($.support Options)

Subversion, obtaining jQuery, (Nightlies and Subversion)

success callback, (Ajax Image Gallery)

success local events, (jQuery Ajax Events)

Suckerfish Drop-down technique, (Drop-down Menus)

Suckerfish menus, (Cross-browser Suckerfish Menus)

supports function, (Helpful Utilities)

swapping elements in select box lists, (Swapping List Elements)

swing easing, (Easing)

T

table paging widget example, (Pagination)

tables, (Tables)

data grids, (Data Grids)
fixed table headers, (Fixed Table Headers)
highlighting, (Highlighting When Hovering)
repeating headers, (Repeating Header)
selecting rows, (Simple Selecting), (Highlighting When Hovering), (Selecting Rows with Checkboxes)

tabs, (Tabs)

about, (Basic Tabs)
jQuery UI, (jQuery UI Tabs)

tags

finding duplicates, (jQuery UI Selectables)
image tagging, (Image Tagging)

tbody property ($.support method), ($.support Options)

tellSelect method (Jcrop plugin), (Cropping Images with Jcrop)

templating, client-side, (Client-side Templating)

ternary operator, (Fading Slideshow)

testing selections, (Testing Our Selection)

text action, (Modifying Content), (Searching through Lists)

textarea, resizable, (Resizable textarea)

ThemeRoller

about, (Theme Rolling)
creating custom themes, (Rolling Your Own)
making components themeable, (Making Your Components Themeable)

ThickBox plugin, (ColorBox: A Lightbox Plugin)

this, hiding and revealing elements, (this)

thumbnails, scroller, (Thumbnail Scroller)

timeout Ajax setting, (Settings)

timeout setting (Cycle plugin), (The Cycle Plugin)

timeouts, handling, (Handling Errors)

timers (see JavaScript timers)

title attribute (links), (Simple Tooltips)

toggleClass method, (Expandable Tree)

toggling

about, (Toggling Elements)
animation, (Toggling Effects and Animations)
elements, (Toggling Elements)

tooltips, (Tooltips)

translucent sliding overlays, (Sliding Overlay)

trash, dragging stuff to their doom, (Drag and Drop)

traversing, defined, (Becoming a Good Selector)

trees, (Trees)

event delegation, (Event Delegation)
expandable trees, (Expandable Tree)

trigger function, (Inline Editing)

troubleshooting lightboxes with console.log, (Troubleshooting with console.log)

truthiness, JavaScript, (Truthiness and Falsiness)

Twitter, client-side Twitter searcher, (A Client-side Twitter Searcher)

type Ajax setting, (Settings)

type coercion, JavaScript, (Type Coercion)

U

UI (user interface) (see jQuery UI)
unbinding events, (Unbinding and Namespacing)
uncompressed versus compressed jQuery downloads, (Uncompressed or compressed?)
url Ajax setting, (Settings)
username Ajax setting, (Settings)
utilities, (Date Picker Utilities), (Adding Callbacks)

V

val function, (Simple Form Validation)

validation

dates, (Date Picker)
forms, (Simple Form Validation)

variables, JavaScript, (Pane Splitter)

W

Web 2.0, Ajax, (Construction, Ajax, and Interactivity)

X

XML

data interchange, (Consuming XML)
image tagging, (Consuming XML)

Z

z-index property (CSS), (True Cross-fading)

SitePoint

jQuery: Novice to Ninja

Index

Symbols

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Z

Satisfaction Guaranteed at SitePoint

More Information

Customer Reviews

Live, unmoderated reviews from our customers, typos and all.

See More Reviews or Write Your Own

Sample Download