Revision History for the :
2011-04-20
Early release revision 1
2011-07-20
Early release revision 2
2011-12-09
Early release revision 3
See http://oreilly.com/catalog/errata.csp?isbn=9781449397654 for release details.

Myths of the Mobile Web
Mobile webapps
So, again… why do we need jQuery Mobile?
What is jQuery Mobile
What is not
The framework
The mobile and tablet world
Device categories
Operating Systems and Browsers
jQuery Mobile compatibility
HTML5 and CSS3
Main Features
Use of non-intrusive semantic HTML5
Progressive enhancement
Accessibility support
Testing webapps
Emulators and Simulators
Remote Labs

You May Also Find These Documents Helpful

...jQUERY 1.4.2
VISUAL CHEAT SHEET
= NEW IN jQUERY 1.4.x / ❉ = DEPRECATED /
SELECTORS ✼ CORE ✼ ATTRIBUTES ✼ CSS ✼ TRAVERSING ✼ MANIPULATION ✼ EVENTS ✼ EFFECTS ✼ AJAX ✼ UTILITIES
a = ARRAY
/ jQ = jQUERY
/
El = ELEMENT
/
0-1 = BOOLEAN
/
Obj = OBJECT
/
NUM = NUMBER
/
Str = STRING
❉ SELECTORS / 1. BASIC All Selector (“*”)
Selects all elements. a
:ﬁrst Selector
Selects the first matched element.
a
[name$=value]
Selects elements that have the specified attribute with a value ending exactly with a given string. a
:checked Selector
Matches all elements that are checked.
a
.index()
Search for a given element from among the matched elements. Num
:gt() Selector
Select all elements at an index greater than index within the matched set. a
:disabled Selector
Selects all elements that are disabled. a
Class Selector (“.class”)
Matches all elements with the given name.
[name=value]
Selects all elements that are headers, like h1, h2, h3 and so on.
a
.length
The number of elements in the jQuery object.
Num
a
:header Selector
a Selects all elements that are headers, like h1, h2, h3 and so on. a
:enabled Selector
Selects all elements that are enabled.
a
Element Selector (“element”)
Selects all elements with the given tag name.
[name!=value]
Select elements that either don't have the specified attribute, or do have the specified...

...jQuery Mobile is a lightweight JavaScript framework for developing cross-platform mobile/device Web applications. Here are some of its features:
* Devices: jQuery Mobile supports a wide range of mobile device browsers (desktop browsers too).
* Simplicity: If you use Visual Studio, jQuery Mobile is available through the NuGet package manager. You can also download jQuery Mobile to use with any Web technology, such as ASP.NET, PHP (Hypertext Preprocessor), JavaServer Pages (JSP) or even ColdFusion since it is a set of .js, .css. and image files.
* Accessibility: Keyboard navigation, support for screen readers and other accessibility components come prepackaged in jQuery Mobile, which adheres to the W3C WAI-ARIA (Web Accessibility Initiative–Accessible Rich Internet Applications) standards.
* Theming: jQuery Mobile has several built-in theme swatches you can use. You can also go online and try out thetheme roller to create custom themes.
* Phone friendly: jQuery Mobile isn’t simply about shrinking content to fit smaller screens. It’s also about providing a great user experience on small devices. jQuery Mobile does this by supporting touch events out of the box as well as by rendering finger-friendly controls and managing smaller views.
* Progressive enhancement: jQuery Mobile uses a technique called progressive enhancement to...

...﻿
JQUERY
Commonly Used jQuery Event Methods
1. $(document).ready()
The $(document).ready() method allows us to execute a function when the document is fully loaded.
Example
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
2. click()
The click() method attaches an event handler function to an HTML element.
The function is executed when the user clicks on the HTML element.
The following example says: When a click event fires on a <p> element; hide the current <p> element:
Example
$("p").click(function(){
$(this).hide();
});
3. dblclick()
The dblclick() method attaches an event handler function to an HTML element.
The function is executed when the user double-clicks on the HTML element:
Example
$("p").dblclick(function(){
$(this).hide();
});
4. mouseenter()
The mouseenter() method attaches an event handler function to an HTML element.
The function is executed when the mouse pointer enters the HTML element:
Example
$("#p1").mouseenter(function(){
alert("You entered p1!");
});
5. mouseenter()
The mouseenter() method attaches an event handler function to an HTML element.
The function is executed when the mouse pointer enters the HTML element:
Example
$("#p1").mouseenter(function(){
alert("You entered p1!");
});
6. mousedown()
The mousedown() method attaches an event handler function to an HTML element.
The function is executed, when the left mouse button is pressed down, while the mouse...