Learning jQuery 1.3 Table of Contents

Table of Contents

• Preface

• Chapter 1: Getting Started
• What jQuery does
• Why jQuery works well
• History of the jQuery project
• Our first jQuery-powered web page
• Downloading jQuery
• Setting up the HTML document
• Adding jQuery
• Finding the poem text
• Injecting the new class
• Executing the code
• The finished product
• Summary

• Chapter 2: Selectors
• The Document Object Model
• The $() factory function
• CSS selectors
• Styling list-item levels

• Attribute selectors
• Styling links

• Custom selectors
• Styling alternate rows
• Form selectors

• DOM traversal methods
• Styling specific cells
• Chaining

• Accessing DOM elements
• Summary

• Chapter 3: Events
• Performing tasks on page load
• Timing of code execution
• Multiple scripts on one page
• Shortcuts for code brevity
• Coexisting with other libraries
• Simple events
• A simple style switcher
• Enabling the other buttons
• Event handler context
• Further consolidation
• Shorthand events
• Compound events
• Showing and hiding advanced features
• Highlighting clickable items
• The journey of an event
• Side effects of event bubbling
• Altering the journey: the event object
• Event targets
• Stopping event propagation
• Default actions
• Event delegation
• Removing an event handler
• Event namespacing
• Rebinding events
• Simulating user interaction
• Keyboard events
• Summary

• Chapter 4: Effects
• Inline CSS modification
• Basic hide and show
• Effects and speed
• Speeding in
• Fading in and fading out
• Compound effects
• Creating custom animations
• Toggling the fade
• Animating multiple properties
• Positioning with CSS
• Simultaneous versus queued effects
• Working with a single set of elements
• Working with multiple sets of elements
• Callbacks
• In a nutshell
• Summary

• Chapter 5: DOM Manipulation
• Manipulating attributes
• Non-class attributes
• The $() factory function revisited
• Inserting new elements
• Moving elements
• Marking, numbering, and linking the context
• Appending footnotes
• Wrapping elements
• Copying elements
• Clone with events
• Cloning for pull quotes
• A CSS diversion
• Back to the code
• Prettifying the pull quotes
• DOM manipulation methods in a nutshell
• Summary

• Chapter 6: AJAX
• Loading data on demand
• Appending HTML
• Working with JavaScript objects
• Retrieving a JavaScript object
• Global jQuery functions
• Executing a script
• Loading an XML document
• Choosing a data format
• Passing data to the server
• Performing a GET request
• Performing a POST request
• Serializing a form
• Keeping an eye on the request
• AJAX and events
• Security limitations
• Using JSONP for remote data
• Additional options
• The low-level AJAX method
• Modifying default options
• Loading parts of an HTML page
• Summary

• Chapter 7: Table Manipulation
• Sorting and paging
• Server-side sorting
• Preventing page refreshes
• JavaScript sorting
• Row grouping tags
• Basic alphabetical sorting
• The power of plugins
• Performance concerns
• Finessing the sort keys
• Sorting other types of data
• Column highlighting
• Alternating sort directions
• Server-side pagination
• Sorting and paging go together
• JavaScript pagination
• Displaying the pager
• Enabling the pager buttons
• Marking the current page
• Paging with sorting
• The finished code
• Modifying table appearance
• Row highlighting
• Row striping
• Advanced row striping
• Interactive row highlighting
• Tooltips
• Collapsing and expanding sections
• Filtering
• Filter options
• Reversing the filters
• Interacting with other code
• The finished code
• Summary

• Chapter 8: Forms with Function
• Improving a basic form
• Progressively enhanced form styling
• The legend
• Required field messages
• Conditionally displayed fields
• Form validation
• Required fields
• Required formats
• A final check
• Checkbox manipulation
• The finished code
• Compact forms
• Placeholder text for fields
• AJAX auto-completion
• On the server
• In the browser
• Populating the search field
• Keyboard navigation
• Handling the arrow keys
• Inserting suggestions in the field
• Removing the suggestion list
• Auto-completion versus live search
• The finished code
• Working with numeric form data
• Shopping cart table structure
• Rejecting non-numeric input
• Numeric calculations
• Parsing and formatting currency
• Dealing with decimal places
• Other calculations
• Rounding values
• Finishing touches
• Deleting items
• Editing shipping information
• The finished code
• Summary

• Chapter 9: Shufflers and Rotators
• Headline rotator
• Setting up the page
• Retrieving the feed
• Setting up the rotator
• The headline rotate function
• Pause on hover
• Retrieving a feed from a different domain
• Adding a loading indicator
• Gradient fade effect
• The finished code
• An image carousel
• Setting up the page
• Revising the styles with JavaScript
• Shuffling images when clicked
• Adding sliding animation
• Displaying action icons
• Image enlargement
• Hiding the enlarged cover
• Displaying a close button
• More fun with badging
• Animating the cover enlargement
• Deferring animations until image loads
• Adding a loading indicator
• The finished code
• Summary

• Chapter 10: Using Plugins
• Finding plugins and help
• How to use a plugin
• The Form plugin
• Tips and tricks
• The jQuery UI plugin library
• Effects
• Color animations
• Class animations
• Advanced easing
• Additional effects
• Interaction components
• Widgets
• jQuery UI ThemeRoller
• Other recommended plugins
• Forms
• Autocomplete
• Validation
• Jeditable
• Masked input
• Tables
• Tablesorter
• jqGrid
• Flexigrid
• Images
• Jcrop
• Magnify
• Lightboxes and Modal Dialogs
• FancyBox
• Thickbox
• BlockUI
• jqModal
• Charting
• Flot
• Sparklines
• Events
• hoverIntent
• Live query
• Summary

• Chapter 11: Developing plugins
• Adding new global functions
• Adding multiple functions
• What's the point?
• Creating a utility method
• Adding jQuery Object Methods
• Object Method context
• Method chaining
• DOM traversal methods
• Adding new shortcut methods
• Method parameters
• Simple parameters
• Parameter maps
• Default parameter values
• Callback functions
• Customizable defaults
• Adding a selector expression
• Sharing a plugin with the world
• Naming conventions
• Use of the $ alias
• Method interfaces
• Documentation style
• Summary

• Appendix A: Online Resources
• jQuery documentation
• jQuery wiki
• jQuery API
• jQuery API browser
• Visual jQuery
• Adobe AIR jQueryAPI viewer
• JavaScript reference
• Mozilla developer center
• Dev.opera
• MSDN JScript Reference
• Quirksmode
• JavaScript Toolbox
• JavaScript code compressors
• YUI Compressor
• JSMin
• Pretty printer
• (X)HTML reference
• W3C hypertext markup language home page
• CSS reference
• W3C cascading style sheets home page
• Mezzoblue CSS cribsheet
• Position is everything
• Useful blogs
• The jQuery blog
• Learning jQuery
• Ajaxian
• John Resig
• JavaScript ant
• Robert's talk
• Web standards with imagination
• Snook
• Matt Snider JavaScript resource
• I can't
• DOM scripting
• As days pass by
• A list apart
• Web development frameworks using jQuery

• Appendix B: Development Tools
• Tools for Firefox
• Firebug
• Web developer toolbar
• Venkman
• Regular expressions tester
• Tools for Internet Explorer
• Microsoft Internet Explorer Developer Toolbar
• Microsoft Visual Web Developer
• DebugBar
• Drip
• Tools for Safari
• Develop Menu
• Web Inspector
• Tools for Opera
• Dragonfly
• Other tools
• Firebug Lite
• NitobiBug
• TextMate jQuery bundle
• Charles
• Fiddler
• Aptana

• Appendix C: JavaScript Closures
• Inner functions
• The great escape
• Variable scoping
• Interactions between closures
• Closures in jQuery
• Arguments to $(document).ready()
• Event handlers
• Memory leak hazards
• Accidental reference loops
• The Internet Explorer memory leak problem
• The good news
• Summary

• Appendix D: Quick Reference
• Selector expressions
• DOM traversal methods
• Event methods
• Effect methods
• DOM manipulation methods
• AJAX methods
• Miscellaneous methods

• Index