Ultimate Modern jQuery for Web App Development

Cover Page
Title Page
Copyright Page
Dedication Page
About the Author
About the Technical Reviewer
Acknowledgements
Preface
Errata
Table of Contents
1. Getting Started with jQuery
   Introduction
   Structure
   Brief Overview of jQuery
   Getting Started using jQuery and How it Works
      Effortlessly Handle Events
      Animation and Effects with Ease
   Compelling Reasons to Choose jQuery
   Downloading and Adding jQuery to Your HTML
      Obtaining jQuery
      Integrating jQuery into Your HTML
      Verify jQuery Integration
   Using jQuery with CDN
   Browser Dev Tools
   Conclusion
2. Selection of Page Elements and DOM Element Selection jQuery
   Introduction
   Structure
   Selection of Page Elements and DOM Element Selection with jQuery
   Basic Selectors
   Attribute Selectors
   Pseudo Selectors
   DOM Traversal
   Filtering Elements
   Chaining Methods
   Conclusion
3. Element Hide and Show Methods and Animation Effects
   Introduction
   Structure
   Hide and Show Methods
      Exercise: Element hide and Show Methods and Animation effects
   fadeIn and fadeOut Methods
      Fading Effects with jQuery Elements
   slideUp and slideDown Methods
   Custom Animations with jQuery
   CSS positioning properties
      position
      margin
      transform
      z-index
      Creating Custom Animations with jQuery Exercise
   Conclusion
   Multiple Choice Questions
      Answers
4. Manipulating Element Content and Inserting Elements
   Introduction
   Structure
   Manipulating element content with jQuery
      Appending and prepending content
      Clearing element content
      Exercise: Adding new content and elements to the page
   Inserting elements with jQuery
      The Power of .after() and .before()
      Wrapping elements
   Inserting elements outside of the selected element
      Advanced techniques
      Exercise: Clone and update with replace page elements
   Conclusion
   Multiple Choice Questions
      Answers
5. DOM Manipulation and Selection
   Introduction
   Structure
   Adding and removing classes with jQuery
      Understanding classes in HTML
      Adding classes
      Removing classes
   Dynamically creating and modifying elements
      Creating new elements
      Modifying elements
      Removing elements
   Selecting and manipulating multiple elements
      Parent elements
      Child elements
      Siblings
      Advanced techniques
      Cloning elements
      Replace elements
      Removing wrapping elements
      Exercise: Adding, removing, and toggling element classes
   Conclusion
   Multiple Choice Questions
      Answers
6. jQuery Dynamic List Project - Interactive Elements
   Introduction
   Structure
   Creating a Dynamic List with jQuery
   Interactive Elements with jQuery
   Learning Outcomes
   Exercise: Create an Interactive List with jQuery
      Summary
   Conclusion
   Points to Remember
   Multiple Choice Questions
      Answers
7. CSS Properties and Element Attributes
   Introduction
   Structure
   Getting and Setting CSS Properties with jQuery
      Example: Changing Background Color on Button Click
   Getting and Setting Element Attributes with jQuery
   Retrieving and Modifying Element Dimensions with jQuery
      Example: Toggle CSS Classes on Button Click
   Exercise: Get the Style Properties of an Element
   Exercise: Getting and Setting Element Attributes with jQuery
   Exercise: Get the Dimensions of Page Elements with jQuery Methods
   Conclusion
   Multiple Choice Questions
      Answers
8. Traversing Page Elements
   Introduction
   Structure
   Traversing Descendants of Page Elements with jQuery
      Exercise: Traversing Descendants of Page Elements with jQuery Selection
   Traversing Ancestors of Page Elements with jQuery
   Traversing Siblings of Page Elements with jQuery
      Exercise: Traversing Siblings Page Elements and Other Selections with jQuery
   Filtering Page Elements to Select them with jQuery
   Selecting Elements Based on Visibility and State
   Conclusion
   Multiple Choice Questions
      Answers
9. jQuery Data and Element Index Method
   Introduction
   Structure
   Saving values into the element object with the jQuery data method
      jQuery Data Method .data()
      Saving Values with .data()
      Retrieving Data
      Removing Data
      Exercise data() example
   Index of Page Element Index Method .index()
      Using .index()
      Element Position
      Exercise: Use the get() method to return the DOM element object
      Exercise: Make a selection of page elements with jQuery and return the index() value of the selected element
   Conclusion
   Multiple Choice Questions
      Answers
10. Handling Events with jQuery
   Introduction
   Structure
   Understanding Event Handling
      jQuery Event Methods
      .click()
      .hover()
      .submit()
      .keypress()
      Mouse Events
      .hover()
      .mouseup()
      .mousedown()
      .mouseout()
      .mouseover()
      .mouseleave()
      .mouseenter()
      .mousemove()
      jQuery mouse moves events listeners and hover events
      jQuery to listen for keyboard events and get values from the event object
      jQuery form Events on submit and more
   Conclusion
11. Advanced Event Handling Techniques
   Introduction
   Structure
   Event delegation
   The .on() method
   Exercise: Attach events with the on Method with more powerful events
   Understanding Event Bubbling and Propagation
      Exercise: jQuery scroll event on Browser Events and Window events
   Conclusion
   Multiple Choice Questions
      Answers
12. jQuery AJAX Methods and Callback Options
   Introduction
   Structure
   Introduction to AJAX with jQuery
      Exercise: AJAX example connects to an external file and loads the contents directly into a page element
      Exercise: jQuery AJAX method and callback options
   Streamlined AJAX with Shorthand Methods
   Callback Options for Handling AJAX Responses
   Get JSON data with jQuery get method
   GET shorthand Methods jQuery getScript and getJSON methods
   Conclusion
   Multiple Choice Questions
      Answers
Conclusion
   Multiple Choice Questions
      Answers
Index