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

Back to BOOK PAGE

Table of Contents

• 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

Jonathan Chaffer

Karl Swedberg

Sample chapters

You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

Find your book in our support section to find errata and to download code samples.