Book Image

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

Book Image

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

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
Learning jQuery : Better Interaction Design and Web Development with Simple JavaScript Techniques
Jul, 2007 | 380 pages
No titles found
Table of Contents (18 chapters)
Learning jQuery
Learning jQuery
Credits
Credits
About the Authors
About the Authors
About the Reviewers
About the Reviewers
Preface
Preface
Free Chapter
1
Getting Started
Getting Started
What jQuery Does
Why jQuery Works Well
Our First jQuery Document
Summary
2
Selectors—How to Get Anything You Want
Selectors—How to Get Anything You Want
The Document Object Model
The $() Factory Function
CSS Selectors
XPath Selectors
Custom Selectors
DOM Traversal Methods
Accessing DOM Elements
Summary
3
Events—How to Pull the Trigger
Events—How to Pull the Trigger
Performing Tasks on Page Load
Simple Events
Compound Events
Limiting and Ending Events
Simulating User Interaction
Summary
4
Effects—How to Add Flair to Your Actions
Effects—How to Add Flair to Your Actions
Inline CSS Modification
Basic Hide and Show
Effects and Speed
Multiple Effects
Simultaneous versus Queued Effects
In a Nutshell
Summary
5
DOM Manipulation—How to Change Your Page on Command
DOM Manipulation—How to Change Your Page on Command
Manipulating Attributes
Inserting New Elements
Moving Elements
Wrapping Elements
Copying Elements
DOM Manipulation Methods in a Nutshell
Summary
6
AJAX—How to Make Your Site Buzzword-Compliant
AJAX—How to Make Your Site Buzzword-Compliant
Loading Data on Demand
Choosing a Data Format
Passing Data to the Server
Keeping an Eye on the Request
AJAX and Events
Security Limitations
Summary
7
Table Manipulation
Table Manipulation
Sorting
Pagination
The Finished Code
Advanced Row Striping
Row Highlighting
Tooltips
Collapsing and Expanding
Filtering
The Finished Code
Summary
8
Forms with Function
Forms with Function
Progressively Enhanced Form Styling
Form Validation
Checkbox Manipulation
The Finished Code
Placeholder Text for Fields
AJAX Auto-Completion
The Finished Code
Input Masking
Numeric Calculations
Deleting Items
Editing Shipping Information
The Finished Code
Summary
9
Shufflers and Rotators
Shufflers and Rotators
Headline Rotator
An Image Carousel
Image Enlargement
The Finished Code
Summary
10
Plug-ins
Plug-ins
How to Use a Plug-in
Popular Plug-Ins
Finding Plug-in Documentation
Developing a Plug-in
Summary
Online Resources
Online Resources
jQuery Documentation
JavaScript Reference
JavaScript Code Compressors
(X)HTML Reference
CSS Reference
XPath Reference
Useful Blogs
Web Development Frameworks Using jQuery
Development Tools
Development Tools
Tools for Firefox
Tools for Internet Explorer
Tools for Safari
Other Tools
JavaScript Closures
JavaScript Closures
Inner Functions
The Great Escape
Variable Scoping
Interactions between Closures
Closures in jQuery
Memory Leak Hazards
Conclusion

JavaScript Code Compressors

Packer

This JavaScript compressor/obfuscator by Dean Edwards is used to compress the jQuery source code. It’s available as a web-based tool or as a free download. The resulting code is very efficient in file size, at a cost of a small increase in execution time:

  • http://dean.edwards.name/packer/

  • http://dean.edwards.name/download/#packer

JSMin

Created by Douglas Crockford, JSMin is a filter that removes comments and unnecessary white space from JavaScript files. It typically reduces file size by half, resulting in faster downloads:

  • http://www.crockford.com/javascript/jsmin.html

Pretty Printer

This tool prettifies JavaScript that has been compressed, restoring line breaks and indentation where possible. It provides a number of options for tailoring the results:

  • http://www.prettyprinter.de/

Previous Section
End of Section
Next Section