jQuery 2 Recipes.pdf
(
17455 KB
)
Pobierz
www.it-ebooks.info
For your convenience Apress has placed some of the front
matter material after the index. Please use the Bookmarks
and Contents at a Glance links to access them.
www.it-ebooks.info
Contents at a Glance
About the Author �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½
xxxv
About the Technical Reviewer �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½
xxxvii
Acknowledgments �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½
xxxix
■
Chapter 1: Introduction �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½1
■
Chapter 2: jQuery Fundamentals �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½21
■
Chapter 3: jQuery Selectors �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½45
■
Chapter 4: jQuery Selectors Filtering and Expansion �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½99
■
Chapter 5: DOM Traversing �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½131
■
Chapter 6: DOM Manipulation�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½161
■
Chapter 7: Event Handling �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½229
■
Chapter 8: jQuery Effects and Animation�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½253
■
Chapter 9: jQuery AJAX �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½283
■
Chapter 10: jQuery UI �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½323
■
Chapter 11: jQuery Mobile �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½389
■
Chapter 12: jqWidgets Framework �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½473
■
Appendix A: Basic HTML5 and CSS3�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½543
■
Appendix B: Appendix B – Web Console �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½557
■
Appendix C: Deploy Web Application �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½563
■
Appendix D: Logging, Error Handling, and Debugging �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½569
Index �½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½�½585
v
www.it-ebooks.info
Chapter 1
Introduction
1-1. About jQuery 2.0
jQuery is a multi-browser, lightweight, and extensible open source JavaScript library that can be used to simplify
client-side and client-to-server communication scripting. It simplifies coding by replacing many lines of JavaScript
code with fewer lines by using jQuery built-in methods. Some of the main features of jQuery include:
•
•
•
•
Dynamic HTML creation and manipulation
HTML events handling
Effects and animations
Client to server communication
In addition to core jQuery, this book also covers jQuery UI and jQueryMobile, which are built on the core.
As of writing of this book, the latest version of jQuery is 2.1.0. This version has the same API as the previous
version 1.x, but it isn’t supported on older browsers like Internet Explorer 8 and older. The main reason for this release
is to eliminate the code required to support older browsers. This has made smaller jQuery files possible and hence
produced an improvement in performance. If your user base is still using Internet Explorer 8 or older, you should use
the latest version of the jQuery 1.x series.
jQuery can be downloaded from
http://jquery.com/download/.
jQuery 2 is compatible with jQuery 1.9. All features of jQuery 1.9 have been included in jQuery 2.
1-2. Migration Plan
If you are using a version older than jQuery 1.9, upgrade it to jQuery 1.9+ first by using the jQuery migration plug-in.
As of the writing of this book, the latest version of the jQuery 1 series is 1.10.2 and latest version of the jQuery 2 series
is 2.1.0.
You can use migration plug-in by replacing your current reference to jQuery library by the following:
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
If you want to use a local copy of the jQuery and the jQuery migration plug-in, download it from the
following locations:
jQuery 1.10.2 (Development version):
http://code.jquery.com/jquery-1.10.2.js
jQuery Migrate 1.2.1:
http://code.jquery.com/jquery-migrate-1.2.1.js
1
www.it-ebooks.info
Chapter 1
■
IntroduCtIon
Use the following path to use them (assuming you have saved the downloaded files under the
scripts
folder
under your website’s root folder).
<script src="scripts/jquery-1.10.2.js"></script>
<script src="scripts/jquery-migrate-1.2.1.js"></script>
This migration tool will help you identify features/APIs that are deprecated in older versions of jQuery and
removed in jQuery 1.9+. The development version of the migration plug-in will display a warning in the broswer’s
console. Be sure to use browsers that support console interface. The browser console is an interface where developers
and users can view information like network requests, JavaScript code, CSS, warnings, errors, and messages logged
by JavaScript. Newer versions of Internet Explorer, Firefox, Chrome, Safari, and Opera have built-in consoles. Refer to
Appendix B to learn about how to open the web console in different browsers.
1-3. Objects–Basic Concept
Objects
are the key to understanding object-oriented technology. Each object has a state (attributes or properties)
and a behavior (methods). In object-oriented terms, objects don’t have to be seen or touched. Some examples of
objects are cars, bank accounts, and rectangles. A car has attributes (or properties), such as the manufacturer, model,
category, color, and so on, and it has methods, such as start the car, stop the car, put it in park, apply the hand brake,
and so on. A bank account has attributes, such as account holder’s name, account number, account type, current
balance. It has methods such as withdraw money, deposit money, transfer money, and so on. A rectangle has
attributes such as length and width and has methods such as determine its area, parameter, and so on.
A
class
is a general specification from which individual objects are created (instantiated).
Table
1-1
displays examples of classes and objects.
2
www.it-ebooks.info
Plik z chomika:
ideon410
Inne pliki z tego folderu:
jQuery 2.0 Development Cookbook.pdf
(2662 KB)
Professional JavaScript for Web Developers, 3rd Edition.pdf
(53510 KB)
Pro JavaScript Performance.pdf
(35450 KB)
Professional jQuery.pdf
(24031 KB)
Sams Teach Yourself HTML, CSS, and JavaScript All in One.pdf
(19091 KB)
Inne foldery tego chomika:
Crystal Reports
htlm5
JavaScript
Mieszane
PHP -MySQL
Zgłoś jeśli
naruszono regulamin