Jump to content
Nytro

jQuery Fundamentals

Recommended Posts

Posted

jQuery Fundamentals

By Rebecca Murphey

http://github.com/rmurphey/jqfundamentals

With contributions by James Padolsey, Paul Irish, and others. See the GitHub repository for a complete history of contributions.

Copyright © 2011

Licensed by Rebecca Murphey under the Creative Commons Attribution-Share Alike 3.0 United States license. You are free to copy, distribute, transmit, and remix this work, provided you attribute the work to Rebecca Murphey as the original author and reference the GitHub repository for the work. If you alter, transform, or build upon this work, you may distribute the resulting work only under the same, similar or a compatible license. Any of the above conditions can be waived if you get permission from the copyright holder. For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to the license.


Contents

* Chapter 1: Welcome
* Chapter 2: JavaScript Basics
* Chapter 3: jQuery Basics
* Chapter 4: jQuery Core
* Chapter 5: Events
* Chapter 6: Effects
* Chapter 7: Ajax
* Chapter 8: Plugins
* Chapter 9: Performance Best Practices
* Chapter 10: Code Organization
* Chapter 11: Custom Events

List of Examples

* Example 1.1: An example of inline JavaScript
* Example 1.2: An example of including external JavaScript
* Example 1.3: Example of an example
* Example 2.1: A simple variable declaration
* Example 2.2: Whitespace has no meaning outside of quotation marks
* Example 2.3: Parentheses indicate precedence
* Example 2.4: Tabs enhance readability, but have no special meaning
* Example 2.5: Concatenation
* Example 2.6: Multiplication and division
* Example 2.7: Incrementing and decrementing
* Example 2.8: Addition vs. concatenation
* Example 2.9: Forcing a string to act as a number
* Example 2.10: Forcing a string to act as a number (using the unary-plus operator)
* Example 2.11: Logical AND and OR operators
* Example 2.12: Comparison operators
* Example 2.13: Flow control
* Example 2.14: Values that evaluate to true
* Example 2.15: Values that evaluate to false
* Example 2.16: The ternary operator
* Example 2.17: A switch statement
* Example 2.18: Loops
* Example 2.19: A typical for loop
* Example 2.20: A typical while loop
* Example 2.21: A while loop with a combined conditional and incrementer
* Example 2.22: A do-while loop
* Example 2.23: Stopping a loop
* Example 2.24: Skipping to the next iteration of a loop
* Example 2.25: A simple array
* Example 2.26: Accessing array items by index
* Example 2.27: Testing the size of an array
* Example 2.28: Changing the value of an array item
* Example 2.29: Adding elements to an array
* Example 2.30: Working with arrays
* Example 2.31: Creating an "object literal"
* Example 2.32: Function Declaration
* Example 2.33: Named Function Expression
* Example 2.34: A simple function
* Example 2.35: A function that returns a value
* Example 2.36: A function that returns another function
* Example 2.37: A self-executing anonymous function
* Example 2.38: Passing an anonymous function as an argument
* Example 2.39: Passing a named function as an argument
* Example 2.40: Testing the type of various variables
* Example 2.41: A function invoked using Function.call
* Example 2.42: A function created using Function.bind
* Example 2.43: A function being attached to an object at runtime
* Example 2.44: Functions have access to variables defined in the same scope
* Example 2.45: Code outside the scope in which a variable was defined does not have access to the variable
* Example 2.46: Variables with the same name can exist in different scopes with different values
* Example 2.47: Functions can "see" changes in variable values after the function is defined
* Example 2.48: Scope insanity
* Example 2.49: How to lock in the value of i?
* Example 2.50: Locking in the value of i with a closure
* Example 2.51: Using a closure to access inner and outer object instances simultaneously
* Example 3.1: A $(document).ready() block
* Example 3.2: Shorthand for $(document).ready()
* Example 3.3: Passing a named function instead of an anonymous function
* Example 3.4: Selecting elements by ID
* Example 3.5: Selecting elements by class name
* Example 3.6: Selecting elements by attribute
* Example 3.7: Selecting elements by compound CSS selector
* Example 3.8: Pseudo-selectors
* Example 3.9: Testing whether a selection contains elements
* Example 3.10: Storing selections in a variable
* Example 3.11: Refining selections
* Example 3.12: Using form-related pseduo-selectors
* Example 3.13: Chaining
* Example 3.14: Formatting chained code
* Example 3.15: Restoring your original selection using $.fn.end
* Example 3.16: The $.fn.html method used as a setter
* Example 3.17: The html method used as a getter
* Example 3.18: Getting CSS properties
* Example 3.19: Setting CSS properties
* Example 3.20: Working with classes
* Example 3.21: Basic dimensions methods
* Example 3.22: Setting attributes
* Example 3.23: Getting attributes
* Example 3.24: Moving around the DOM using traversal methods
* Example 3.25: Iterating over a selection
* Example 3.26: Changing the HTML of an element
* Example 3.27: Moving elements using different approaches
* Example 3.28: Making a copy of an element
* Example 3.29: Creating new elements
* Example 3.30: Creating a new element with an attribute object
* Example 3.31: Getting a new element on to the page
* Example 3.32: Creating and adding an element to the page at the same time
* Example 3.33: Manipulating a single attribute
* Example 3.34: Manipulating multiple attributes
* Example 3.35: Using a function to determine an attribute's new value
* Example 4.1: Checking the type of an arbitrary value
* Example 4.2: Storing and retrieving data related to an element
* Example 4.3: Storing a relationship between elements using $.fn.data
* Example 4.4: Putting jQuery into no-conflict mode
* Example 4.5: Using the $ inside a self-executing anonymous function
* Example 5.1: Event binding using a convenience method
* Example 5.2: Event biding using the $.fn.bind method
* Example 5.3: Event binding using the $.fn.bind method with data
* Example 5.4: Switching handlers using the $.fn.one method
* Example 5.5: Unbinding all click handlers on a selection
* Example 5.6: Unbinding a particular click handler
* Example 5.7: Namespacing events
* Example 5.8: Binding Multiple Events
* Example 6.1: A basic use of a built-in effect
* Example 6.2: Setting the duration of an effect
* Example 6.3: Augmenting jQuery.fx.speeds with custom speed definitions
* Example 6.4: Running code when an animation is complete
* Example 6.5: Run a callback even if there were no elements to animate
* Example 6.6: Custom effects with $.fn.animate
* Example 6.7: Per-property easing
* Example 7.1: Using the core $.ajax method
* Example 7.2: Using jQuery's Ajax convenience methods
* Example 7.3: Using $.fn.load to populate an element
* Example 7.4: Using $.fn.load to populate an element based on a selector
* Example 7.5: Turning form data into a query string
* Example 7.6: Creating an array of objects containing form data
* Example 7.7: Using YQL and JSONP
* Example 7.8: Setting up a loading indicator using Ajax Events
* Example 8.1: Creating a plugin to add and remove a class on hover
* Example 8.2: The Mike Alsup jQuery Plugin Development Pattern
* Example 8.3: A simple, stateful plugin using the jQuery UI widget factory
* Example 8.4: Passing options to a widget
* Example 8.5: Setting default options for a widget
* Example 8.6: Creating widget methods
* Example 8.7: Calling methods on a plugin instance
* Example 8.8: Responding when an option is set
* Example 8.9: Providing callbacks for user extension
* Example 8.10: Binding to widget events
* Example 8.11: Adding a destroy method to a widget
* Example 10.1: An object literal
* Example 10.2: Using an object literal for a jQuery feature
* Example 10.3: The module pattern
* Example 10.4: Using the module pattern for a jQuery feature
* Example 10.5: Using RequireJS: A simple example
* Example 10.6: A simple JavaScript file with dependencies
* Example 10.7: Defining a RequireJS module that has no dependencies
* Example 10.8: Defining a RequireJS module with dependencies
* Example 10.9: Defining a RequireJS module that returns a function

Online:

http://jqfundamentals.com/book/index.html

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...