Table of Contents

1. Preface

   • Who Should Read This Book
   • What’s in This Book
   • Where to Find Help
     • The SitePoint Forums
     • The Book’s Web Site
   • The SitePoint Newsletters
   • The SitePoint Podcast
   • Your Feedback
   • Acknowledgments
     • Earle Castledine
     • Craig Sharkie
   • Conventions Used in This Book
     • Code Samples
     • Tips, Notes, and Warnings

2. Falling in Love with jQuery

   • What’s so good about jQuery?
     • Cross-browser Compatibility
     • CSS3 Selectors
     • Helpful Utilities
     • jQuery UI
     • Plugins
     • Keeping Markup Clean
     • Widespread Adoption
   • What’s the downside?
   • Downloading and Including jQuery
     • Downloading jQuery
     • The Google CDN
     • Nightlies and Subversion
     • Uncompressed or compressed?
   • Anatomy of a jQuery Script
     • The jQuery Alias
     • Dissecting a jQuery Statement
   • Bits of HTML—aka “The DOM”
   • If You Choose to Accept It …

3. Selecting, Decorating, and Enhancing

   • Making Sure the Page Is Ready
   • Selecting: The Core of jQuery
     • Simple Selecting
     • Narrowing Down Our Selection
     • Testing Our Selection
     • Filters
     • Selecting Multiple Elements
     • Becoming a Good Selector
   • Decorating: CSS with jQuery
     • Reading CSS Properties
     • Setting CSS Properties
     • Classes
   • Enhancing: Adding Effects with jQuery
     • Hiding and Revealing Elements
     • Progressive Enhancement
     • Adding New Elements
     • Removing Existing Elements
     • Modifying Content
     • Basic Animation: Hiding and Revealing with Flair
     • Callback Functions
   • A Few Tricks
     • Highlighting When Hovering
     • Spoiler Revealer
   • Before We Move On

4. Animating, Scrolling, and Resizing

   • Animating
     • Animating CSS Properties
     • Color Animation
     • Easing
     • Advanced Easing
     • Bouncy Content Panes
     • The Animation Queue
     • Chaining Actions
     • Pausing the Chain
     • Animated Navigation
     • Animated Navigation, Take 2
     • The jQuery User Interface Library
     • Get Animated!
   • Scrolling
     • The scroll Event
     • Floating Navigation
     • Scrolling the Document
     • Custom Scroll Bars
   • Resizing
     • The resize Event
     • Resizable Elements
   • That’s How We Scroll. And Animate.

5. Images and Slideshows

   • Lightboxes
     • Custom Lightbox
     • Troubleshooting with console.log
     • ColorBox: A Lightbox Plugin
   • Cropping Images with Jcrop
   • Slideshows
     • Cross-fading Slideshows
     • Scrolling Slideshows
     • iPhoto-like Slideshow widget
   • Image-ine That!

6. Menus, Tabs, Tooltips, and Panels

   • Menus
     • Expandable/Collapsible Menus
     • Open/Closed Indicators
     • Menu Expand on Hover
     • Drop-down Menus
   • Accordion Menus
     • A Simple Accordion
     • Multiple-level Accordions
     • jQuery UI Accordion
   • Tabs
     • Basic Tabs
     • jQuery UI Tabs
   • Panels and Panes
     • Slide-down Login Form
     • Sliding Overlay
   • Tooltips
     • Simple Tooltips
     • Advanced Tooltips
   • Order off the Menu

7. Construction, Ajax, and Interactivity

   • Construction and Best Practices
     • Cleaner jQuery
     • Client-side Templating
     • Browser Sniffing (… Is Bad!)
   • Ajax Crash Course
     • What Is Ajax?
     • Loading Remote HTML
     • Enhancing Hyperlinks with Hijax
     • Picking HTML with Selectors
     • Advanced loading
     • Prepare for the Future: live and die
     • Fetching Data with $.getJSON
     • A Client-side Twitter Searcher
     • The jQuery Ajax Workhorse
     • Common Ajax Settings
     • Loading External Scripts with $.getScript
     • GET and POST Requests
     • jQuery Ajax Events
   • Interactivity: Using Ajax
     • Ajax Image Gallery
     • Image Tagging
   • Ajax Ninjas? Check!

8. Forms, Controls, and Dialogs

   • Forms
     • Simple Form Validation
     • Form Validation with the Validation Plugin
     • Maximum Length Indicator
     • Form Hints
     • Check All Checkboxes
     • Inline Editing
     • Autocomplete
     • Star Rating Control
   • Controls
     • Date Picker
     • Sliders
     • Drag and Drop
     • jQuery UI sortable
     • Progress Bar
   • Dialogs and Notifications
     • Simple Modal Dialog
     • jQuery UI Dialog
     • Growl-style Notifications
     • 1-up Notification
   • We’re in Good Form

9. Lists, Trees, and Tables

   • Lists
     • jQuery UI Selectables
     • Sorting Lists
     • Manipulating Select Box Lists
   • Trees
     • Expandable Tree
     • Event Delegation
   • Tables
     • Fixed Table Headers
     • Repeating Header
     • Data Grids
     • Selecting Rows with Checkboxes
   • We’ve Made the A-list!

10. Plugins, Themes, and Advanced Topics

    • Plugins
      • Creating a Plugin
    • Advanced Topics
      • Extending jQuery
      • Events
    • A jQuery Ninja’s Miscellany
      • Avoiding Conflicts
      • Queuing and Dequeuing Animations
      • Treating JavaScript Objects as jQuery Objects
    • Theme Rolling
      • Using Gallery Themes
      • Rolling Your Own
      • Making Your Components Themeable
    • StarTrackr!: Epilogue

11. Reference Material

    • $.ajax Options
      • Flags
      • Settings
      • Callbacks and Functions
    • $.support Options
    • Events
      • Event Properties
      • Event Methods
      • DIY Event Objects
12. B. JavaScript Tidbits
    • Type Coercion
    • Equality Operators
    • Truthiness and Falsiness
13. C. Plugin Helpers
    • Selector and Context
    • The jQuery Stack
    • Minification
14. Index