Table of Contents
Preface
Chapter 1: Anatomy of a jQuery Script
Chapter 2: Selector Expressions
Chapter 3: DOM Traversal Methods
Chapter 4: DOM Manipulation Methods
Chapter 5: Event Methods
Chapter 6: Effect Methods
Chapter 7: AJAX Methods
Chapter 8: Miscellaneous Methods
Chapter 9: Plug-In API
Chapter 10: Dimensions Plug-In
Chapter 11: Form Plug-In
Appendix A: Online Resources
Appendix B: Development Tools
Index
- Chapter 1: Anatomy of a jQuery Script
- A Dynamic Table of Contents
- Obtaining jQuery
- Setting Up the HTML Document
- Writing the jQuery Code
- Script Dissection
- Selector Expressions
- DOM Traversal Methods
- DOM Manipulation Methods
- Event Methods
- Effect Methods
- AJAX Methods
- Miscellaneous Methods
- Plug-In API
- Summary
- A Dynamic Table of Contents
- Chapter 2: Selector Expressions
- CSS Selectors
- Element: T
- ID: #myid
- Class: .myclass
- Descendant: E F
- Child: E > F
- Adjacent Sibling: E + F
- General Sibling: E ~ F
- Multiple Elements: E,F,G
- Nth Child (:nth-child(n))
- First Child (:first-child)
- Last Child (:last-child)
- Only Child :only-child
- Not :not(s)
- Empty :empty
- Universal: *
- XPath Selectors
- Descendant: E//F
- Child: E/F
- Parent: E/..
- Contains: [F]
- Attribute Selectors
- Has Attribute: [@foo]
- Attribute Value Equals: [@foo=bar]
- Attribute Value Does Not Equal: [@foo!=bar]
- Attribute Value Begins: [@foo^=bar]
- Attribute Value Ends: [@foo$=bar]
- Attribute Value Contains: [@foo*=bar]
- Form Selectors
- Custom Selectors
- Even Element (:even) Odd Element (:odd)
- Nth Element (:eq(n), :nth(n))
- Greater Than :gt(n)
- Less Than : lt(n)
- First :first
- Last :last
- Parent :parent
- Contains :contains(text)
- Visible :visible
- Hidden :hidden
- CSS Selectors
- Chapter 3: DOM Traversal Methods
- The jQuery Factory Function
- $()
- Filtering Methods
- .filter()
- .not()
- .contains()
- .eq()
- .lt()
- .gt()
- Tree Traversal Methods
- .find()
- .children()
- .parents()
- .parent()
- .siblings()
- .prev()
- .next()
- Miscellaneous Traversal Methods
- .add()
- .is()
- .end()
- Chapter 4: DOM Manipulation Methods
- General Attributes
- .attr(attribute)
- .attr()
- .removeAttr()
- Style Properties
- .css(property)
- .css()
- .height()
- .height(value)
- .width()
- .width(value)
- Class Attribute
- .addClass()
- .removeClass()
- .toggleClass()
- DOM Replacement
- .html()
- .html(HTML)
- .text()
- .text(text)
- .val()
- .val(value)
- DOM Insertion, Inside
- .prepend()
- .prependTo()
- .append()
- .appendTo()
- DOM Insertion, Outside
- .before()
- .insertBefore()
- .after()
- .insertAfter()
- DOM Insertion, Around
- .wrap()
- DOM Copying
- .clone()
- DOM Removal
- .empty()
- .remove()
- General Attributes
- Chapter 5: Event Methods
- Event Handler Attachment
- .bind()
- .unbind()
- .one()
- .trigger()
- Document Loading
- $()
- .load()
- .unload()
- .error()
- Mouse Events
- .mousedown()
- .mouseup()
- .click()
- .dblclick()
- .toggle()
- .mouseover()
- .mouseout()
- .hover()
- .mousemove()
- Form Events
- .focus()
- .blur()
- .change()
- .select()
- .submit()
- Keyboard Events
- .keydown()
- .keypress()
- .keyup()
- Browser Events
- .resize()
- .scroll()
- Event Handler Attachment
- Chapter 6: Effect Methods
- Pre-Packaged Effects
- .show()
- .hide()
- .toggle()
- .slideDown()
- .slideUp()
- .slideToggle()
- .fadeIn()
- .fadeOut()
- .fadeTo()
- Customized Effects
- .animate()
- Pre-Packaged Effects
- Chapter 7: AJAX Methods
- Low-Level Interface
- $.ajax()
- $.ajaxSetup()
- Shorthand Methods
- $.get()
- $.getIfModified()
- .load()
- .loadIfModified()
- $.post()
- $.getJSON()
- $.getScript()
- Global AJAX Event Handlers
- .ajaxComplete()
- .ajaxError()
- .ajaxSend()
- .ajaxStart()
- .ajaxStop()
- .ajaxSuccess()
- Helper Function
- .serialize()
- Low-Level Interface
- Chapter 8: Miscellaneous Methods
- Setup Methods
- $.browser
- $.noConflict()
- DOM Element Methods
- .length
- .size()
- .get()
- .index()
- Collection Manipulation
- .each()
- $.grep()
- $.map()
- $.merge()
- $.unique()
- $.extend()
- $.trim()
- Setup Methods
- Chapter 9: Plug-In API
- Using a Plug-in
- Developing a Plug-in
- Object Method
- Global Function
- Selector Expression
- Easing Style
- Example: Maintaining Multiple Event Logs
- Summary
- Chapter 10: Dimensions Plug-In
- Size Methods
- .height()
- .width()
- .innerHeight()
- .innerWidth()
- .outerHeight()
- .outerWidth()
- Position Methods
- .scrollTop()
- .scrollTop(value)
- .scrollLeft()
- .scrollLeft(value)
- .offset()
- .position()
- Size Methods
- Chapter 11: Form Plug-In
- AJAX Form Submission
- .ajaxSubmit()
- .ajaxForm()
- .ajaxFormUnbind()
- Retrieving Form Values
- .formToArray()
- .formSerialize()
- .fieldSerialize()
- .fieldValue()
- Form Manipulation
- .clearForm()
- .clearFields()
- .resetForm()
- AJAX Form Submission
- 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






