Practical jQuery

At a Glance; Contents; About the Authors; About the Technical Reviewer; Acknowledgments; Introduction; Chapter 1: Evolution of jQuery; Traditional JavaScript Basics; The Window Object; Methods; Attributes; Child Objects; The Document Object; The History Object; The Location Object; The Navigator Object; The Screen Object; Old School Challenges; Challenges Pertaining to the Window Object; Challenges Pertaining to the Document Object; Challenges Related to the Globals; Need for a Revolution; Who Was the Revolutionary?; Why jQuery?; Minimal and Easy Coding.;Practical jQuery is your step-by-step guide to using jQuery in the real world, taking you from downloading jQuery all the way to extending it by writing your own plug-ins and testing the DOM using QUnit. jQuery is one of today's most popular JavaScript web application development frameworks and libraries. While getting started with the tool is easy, sometimes it's not as simple to completely realize the power and automation that it can bring to your development work--and that's especially the case when you're in the middle of a project, up against a deadline. Using this book, you will learn how to use jQuery's powerful DOM manipulation tools to dynamically update content on your site. You will be able to extend jQuery's capabilities by writing your own plugins on top of the framework, animate elements, build your own jQuery elements, employ best practices, and avoid common errors. Practical jQuery teaches you how, with jQuery, you can unit test and refactor your code. You'll see how expressive yet concise jQuery's code is and how much quicker and efficient it is to develop with jQuery. Get a fundamental perspective on how jQuery works, how to understand, select, and build your own plug-ins, and how to make sure your projects run at the peak of their potential performance using Practical jQuery today. At a Glance Contents About the Authors About the Technical Reviewer Acknowledgments Introduction Chapter 1: Evolution of jQuery Traditional JavaScript Basics The Window Object Methods Attributes Child Objects The Document Object The History Object The Location Object The Navigator Object The Screen Object Old School Challenges Challenges Pertaining to the Window Object Challenges Pertaining to the Document Object Challenges Related to the Globals Need for a Revolution Who Was the Revolutionary? Why jQuery? Minimal and Easy Coding. Readable/Clean Code Easy CSS Handling Animation Methods Intuitive Function Calls Summary Chapter 2: Getting Started with jQuery Document Object Model (DOM) Downloading and Setting Up jQuery Downloading from the Official Web Site Including jQuery from a CDN Clone from GitHub jQuery Fundamentals jQuery Syntax Document Ready Event jQuery noConflict() Method jQuery Selectors Selector Examples Selector Fact Files Use of ID-Based Selectors Be Specific but Avoid Excessive Specificity Don't Repeat Selectors Avoid the Universal Selector. Working with jQuery The Problem Statement The Anonymous Function Preloading Images with jQuery each() in jQuery Summary Chapter 3: Traversing DOM with jQuery Selecting Elements with CSS Selectors Type Selector Universal Selector Attribute Selector Class Selector ID Selector Pseudo Class Selector Relationship-Based Selectors Using jQuery Selectors Type Selector Universal Selector Attribute Selector Class Selector ID Selector Pseudo Class Selector Other jQuery Selectors Traversing DOM with jQuery Traversal Methods. The Curtain Raiser jQuery Methods for DOM Traversal The parent() Method The parents() Method The parentsUntil() Method The closest() Method The children() Method The find() Method The prev() Method The next() Method The siblings() Method Caching Selector and Chaining Methods Selector Caching Chaining jQuery Filtering The .eq() Method The .filter() Method The .first() Method The .last() Method The .has() Method The .is() Method The .not() Method Summary Chapter 4: DOM Manipulation with jQuery. Editing Appearance with jQuery CSS Methods Obtaining CSS Properties Setting CSS Properties Setting CSS Properties Using Calculations Setting Multiple CSS Properties Editing/Changing an Element's Attributes, Contents, and Position Editing Attributes Editing Contents .text() .html() .position() Creating and Inserting New DOM Elements .append() vs. .appendTo() Inserting New Elements in Specific Locations Putting the Methods to Work Removing and Cloning DOM Elements Working with Dimensions jQuery width() and height() Methods.