jquery fundamentals - australia china business fundamentals, please open an issue with a link to...

Download jQuery Fundamentals - Australia China Business   Fundamentals, please open an issue with a link to the resource, ... • Chapter 3: jQuery Basics • Chapter 4: jQuery Core • Chapter 5: Events

Post on 03-May-2018




2 download

Embed Size (px)


  • jQuery FundamentalsBy Rebecca Murphey


    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.

    Reporting IssuesYour feedback is essential to improving jQuery Fundamentals; if you see an error or an opportunity for improvement, please open an issue.

    Suggesting Changes to ContentIf youd like to suggest a change to the book, the strong preference is that you submit a pull request rather than describing your proposed change in an issue. Once a pull request is submitted, it will be reviewed for inclusion.

    Suggesting Additions to ContentIf youve come across a blog post or other resource that would be great for inclusion in jQuery Fundamentals, please open an issue with a link to the resource, and indicate in the issue whether youve already discussed inclusion of the resource with the author.

    Contributing ContentContributions to jQuery Fundamentals are always welcome. The best way to submit your content for consideration is to submit a pull request to the jQuery learning repo.

    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