Learning jQuery : Better Interaction Design and Web Development with Simple JavaScript Techniques Table of Contents

Back to BOOK PAGE

Table of Contents

Preface
Chapter 1: Getting Started
Chapter 2: Selectors—How to Get Anything You Want
Chapter 3: Events—How to Pull the Trigger
Chapter 4: Effects—How to Add Flair to Your Actions
Chapter 5: DOM Manipulation—How to Change Your Page on Command
Chapter 6: AJAX—How to Make Your Site Buzzword-Compliant
Chapter 7: Table Manipulation
Chapter 8: Forms with Function
Chapter 9: Shufflers and Rotators
Chapter 10: Plug-ins
Appendix A: Online Resources
Appendix B: Development Tools
Appendix C: JavaScript Closures
Index

• Preface

• Chapter 1: Getting Started
  • What jQuery Does
  • Why jQuery Works Well
  • Our First jQuery Document
    • Downloading jQuery
    • Setting Up the HTML Document
    • Writing the jQuery Code
      • Finding the Poem Text
      • Injecting the New Class
      • Executing the Code
      • The Finished Product
  • Summary

• Chapter 2: Selectors—How to Get Anything You Want
  • The Document Object Model
  • The $() Factory Function
  • CSS Selectors
    • Styling List-Item Levels

• XPath Selectors
  • Styling Links

• Custom Selectors
  • Styling Alternate Rows

• DOM Traversal Methods
  • Styling the Header Row
  • Styling Category Cells
  • Chaining

• Accessing DOM Elements
• Summary

• Chapter 3: Events—How to Pull the Trigger
  • Performing Tasks on Page Load
    • Timing of Code Execution
    • Multiple Scripts on One Page
    • Shortcuts for Code Brevity
  • 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
  • Limiting and Ending Events
    • Preventing Event Bubbling
      • Event Targets
      • Stopping Event Propagation
      • Default Actions
    • Removing an Event Handler
  • Simulating User Interaction
  • Summary

• Chapter 4: Effects—How to Add Flair to Your Actions
  • Inline CSS Modification
  • Basic Hide and Show
  • Effects and Speed
    • Speeding In
    • Fading In and Fading Out

• Multiple Effects
  • Building an Animated show()
  • Creating a Custom Animation
    • Positioning with CSS
  • Making Sense of the Numbers
  • Improving the Custom Animation

• 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—How to Change Your Page on Command
  • 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 Depth
    • 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—How to Make Your Site Buzzword-Compliant
  • 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
    • Scoping an Event-Binding Function
    • Using Event Bubbling
  • Security Limitations
  • Summary

• Chapter 7: Table Manipulation
  • Sorting
    • Server-Side Sorting
      • Preventing Page Refreshes
    • JavaScript Sorting
      • Row Grouping Tags
      • Basic Alphabetical Sorting
      • The Power of Plug-ins
      • Performance Concerns
      • Finessing the Sort Keys
      • Sorting Other Types of Data
      • Column Highlighting
      • Alternating Sort Directions
  • Pagination
    • 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
  • Advanced Row Striping
    • Three-color Alternating Pattern
    • Alternating Triplets
  • Row Highlighting
  • Tooltips
  • Collapsing and Expanding
  • Filtering
    • Filter Options
      • Collecting Filter Options from Content
      • Reversing the Filters
    • Interacting with Other Code
      • Row Striping
      • Expanding and Collapsing
  • The Finished Code
  • Summary

• Chapter 8: Forms with Function
  • Progressively Enhanced Form Styling
    • The Legend
    • Required Field Messages
      • A Regular Expression Digression
      • Inserting the Field-Message Legend
    • Conditionally Displayed Fields
  • Form Validation
    • Immediate Feedback
      • Required Fields
      • Required Formats
    • A Final Check
  • Checkbox Manipulation
  • The Finished Code
  • 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
  • Input Masking
    • 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
    • Gratuitous Inner-fade Effect
  • 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 Load
      • Adding a Loading Indicator
  • The Finished Code
  • Summary

• Chapter 10: Plug-ins
  • How to Use a Plug-in
  • Popular Plug-Ins
    • Dimensions
      • Height and Width
      • ScrollTop and ScrollLeft
      • Offset
    • Form
      • Tips & Tricks
    • Interface
      • Animate
      • Sortables
  • Finding Plug-in Documentation
  • Developing a Plug-in
    • Adding New Global Functions
      • Adding Multiple Functions
      • What's the Point?
    • Adding jQuery Object Methods
      • Object Method Context
      • Method Chaining
    • DOM Traversal Methods
      • Method Parameters
    • Adding New Shortcut Methods
    • Maintaining Multiple Event Logs
    • Adding a Selector Expression
    • Creating an Easing Style
      • Easing Function Parameters
      • Multi-Part Easing Styles
    • How to Be a Good Citizen
      • Naming Conventions
      • Use of the $ Alias
      • Method Interfaces
      • Documentation Style
  • Summary

• Appendix A: Online Resources
  • jQuery Documentation
  • JavaScript Reference
  • JavaScript Code Compressors
  • (X)HTML Reference
  • CSS Reference
  • XPath Reference
  • Useful Blogs
  • Web Development Frameworks Using jQuery

• Appendix B: Development Tools
  • Tools for Firefox
  • Tools for Internet Explorer
  • Tools for Safari
  • Other Tools

• 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
  • Conclusion

• Index

Back to BOOK PAGE