jQuery in Action / Edition 3

by Bear Bibeault, Yehuda Katz, Aurelio De Rosa

Overview

Summary

jQuery in Action, Third Edition, is a fast-paced and complete guide to jQuery, focused on the tasks you'll face in nearly any web dev project. Written for readers with minimal JavaScript experience, this revised edition adds new examples and exercises, along with the deep and practical coverage you expect from an In Action book. You'll learn how to traverse HTML documents, handle events, perform animations, write plugins, and even unit test your code. The unique lab pages anchor each concept with real-world code. Several new chapters teach you how to interact with other tools and frameworks to build modern single-page web applications.

Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.

About the Technology

Thanks to jQuery, no one remembers the bad old days when programmers manually managed browser inconsistencies, CSS selectors support, and DOM navigation, and when every animation was a frustrating exercise in raw JavaScript. The elegant, intuitive jQuery library beautifully manages these concerns, and jQuery 3 adds even more features to make your life as a web developer smooth and productive.

About the Book

jQuery in Action, Third Edition, is a fast-paced guide to jQuery, focused on the tasks you'll face in nearly any web dev project. In it, you'll learn how to traverse the DOM, handle events, perform animations, write jQuery plugins, perform Ajax requests, and even unit test your code. Its unique Lab Pages anchor each concept in real-world code. This expanded Third Edition adds new chapters that teach you how to interact with other tools and frameworks and build modern single-page web applications.

What's Inside

• Updated for jQuery 3
• DOM manipulation and event handling
• Animations and effects
• Advanced topics including Unit Testing and Promises
• Practical examples and labs

About the Readers

Readers are assumed to have only beginning-level JavaScript knowledge.

About the Authors

Bear Bibeault is coauthor of Secrets of the JavaScript Ninja, Ajax in Practice, and Prototype and Scriptaculous in Action. Yehuda Katz is an early contributor to jQuery and cocreator of Ember.js. Aurelio De Rosa is a full-stack web developer and a member of the jQuery content team.

Table of Contents

Introducing jQuerySelecting elements
1. Operating on a jQuery collection
2. Working with properties, attributes, and data
3. Bringing pages to life with jQuery
4. Events are where it happens!
5. Demo: DVD discs locator
6. Energizing pages with animations and effects
7. Beyond the DOM with jQuery utility functions
8. Talk to the server with Ajax 260
9. Demo: an Ajax-powered contact form
When jQuery is not enough...plugins to the rescue!
10. Avoiding the callback hell with Deferred
11. Unit testing with QUnit
12. How jQuery fits into large projects

Product Details

ISBN-13:	9781617292071
Publisher:	Manning
Publication date:	09/19/2015
Edition description:	3rd Edition
Pages:	504
Product dimensions:	7.30(w) x 9.20(h) x 1.20(d)

About the Author

Yehuda Katz is the founder of the EmberJS framework, a former lead developer on SproutCore, and is well-known for his contributions to Rails 4, jQuery, Bundler, and Merb.

Aurelio De Rosa is a full-stack web and app developer who develops jQuery plugins and contributes to various open source projects including the jQuery API documentation.

Table of Contents

Foreword     xi
Preface     xiii
Acknowledgments     xvi
About this book     xix
About the authors     xxiv
About the title     xxvi
About the cover illustration     xxvii
Introducing jQuery     1
Why jQuery?     2
Unobtrusive JavaScript     3
jQuery fundamentals     5
The jQuery wrapper     6
Utility functions     8
The document ready handler     9
Making DOM elements     11
Extending jQuery     12
Using jQuery with other libraries     14
Summary     14
Creating the wrapped element set     16
Selecting elements for manipulation     17
Using basic CSS selectors     19
Using child, container, and attribute selectors     20
Selecting by position     24
Using custom jQuery selectors     27
Generating new HTML     31
Managing the wrapped element set     32
Determining the size of the wrapped set     34
Obtaining elements from the wrapped set     34
Slicing and dicing the wrapped element set     36
Getting wrapped sets using relationships     43
Even more ways to use a wrapped set     44
Managing jQuery chains     45
Summary     47
Bringing pages to life with jQuery     48
Manipulating element properties and attributes     49
Manipulating element properties     51
Fetching attribute values     52
Setting attribute values     54
Removing attributes     56
Fun with attributes     56
Changing element styling     58
Adding and removing class names     58
Getting and setting styles     61
More useful style-related commands     67
Setting element content     68
Replacing HTML or text content     68
Moving and copying elements     70
Wrapping elements     75
Removing elements     76
Cloning elements     78
Dealing with form element values     79
Summary     81
Events are where it happens!     82
Understanding the browser event models     84
The DOM Level 0 Event Model     85
The DOM Level 2 Event Model     91
The Internet Explorer Event Model      97
The jQuery Event Model     98
Binding event handlers using jQuery     98
Removing event handlers     103
Inspecting the Event instance     104
Affecting the event propagation     106
Triggering event handlers     106
Other event-related commands     107
Putting events (and more) to work     112
Summary     124
Sprucing up with animations and effects     126
Showing and hiding elements     127
Implementing a collapsible list     128
Toggling the display state of elements     134
Animating the display state of elements     135
Showing and hiding elements gradually     135
Fading elements into and out of existence     140
Sliding elements up and down     143
Stopping animations     145
Creating custom animations     145
A custom scale animation     148
A custom drop animation     148
A custom puff animation     150
Summary     152
jQuery utility functions     153
Using the jQuery flags     154
Detecting the user agent     155
Determining the box model      161
Detecting the correct float style to use     163
Using other libraries with jQuery     163
Manipulating JavaScript objects and collections     167
Trimming strings     168
Iterating through properties and collections     169
Filtering arrays     170
Translating arrays     172
More fun with JavaScript arrays     175
Extending objects     176
Dynamically loading scripts     180
Summary     184
Extending jQuery with custom plugins     185
Why extend?     186
The jQuery plugin authoring guidelines     187
Naming files and functions     187
Beware the {dollar}     189
Taming complex parameter lists     190
Writing custom utility functions     192
Creating a data manipulation utility function     193
Writing a date formatter     195
Adding new wrapper methods     199
Applying multiple operations in a wrapper method     201
Retaining state within a wrapper method     206
Summary     216
Talk to the server with Ajax     217
Brushing up on Ajax     218
Creating an XHR instance     219
Initiating the request     221
Keeping track of progress     222
Getting the response     223
Loading content into elements     224
Loading content with jQuery     226
Loading dynamic inventory data     229
Making GET and POST requests     233
Getting data with jQuery     234
Getting JSON data     236
Making POST requests     248
Taking full control of an Ajax request     249
Making Ajax requests with all the trimmings     249
Setting request defaults     252
Global functions     253
Putting it all together     258
Implementing the flyout behavior     259
Using The Termifier     262
Room for improvement     264
Summary     266
Prominent, powerful, and practical plugins     268
The Form Plugin     269
Getting form control values     270
Clearing and resetting form controls     274
Submitting forms through Ajax     276
Uploading files     284
The Dimensions Plugin     285
Extended width and height methods      285
Getting scroll dimensions     287
Of offsets and positions     289
The Live Query Plugin     292
Establishing proactive event handlers     292
Defining match and mismatch listeners     294
Forcing Live Query evaluation     294
Expiring Live Query listeners     295
Introduction to the UI Plugin     299
Mouse interactions     300
UI widgets and visual effects     316
Summary     316
The end?     317
JavaScript that you need to know but might not!     319
Index     339