JQuery mobile

BY VASANTH

Content

What is jQuery Mobile

Why jQuery Mobile

Features of jQuery Mobile

Advantages & Disadvantages

jQuery VS jQuery-UI VS jQuery Mobile

jQuery Mobile

jQuery Mobile is a Touch-Optimized Web Framework.

"write less, do more.

integrating HTML5, CSS3.

jQuery Mobile works on all popular smartphones and tablets.

The jQuery Mobile framework builds on top of jQuery core.

Why jQuery Mobile

Wide browser and device coverage

Touch-friendly form inputs and UI widgets

Responsive web design ready

It is compatible with other frameworks such as PhoneGap, Whitelight

etc.

It is worked on all type of popular smartphone and tablets

Features of jQuery Mobile

Touch-Optimized

It support all major desktop browsers as well as all major mobile

platforms.

Theming framework

lightweight

Responsive

AJAX

Advantages & Disadvantages

easy to learn and develop applications

It is cross platform and cross browser

Create custom theme using ThemeRoller

automatically scale from mobile screen to desktop screen

There are limited options

jQuery Mobile are slower on mobiles

Difficult to provide complete customized visual design

All the features in a device cannot be accessed by the JavaScript in a

browser

JQuery VS jQuery-UI VS jQuery Mobile

jQuery is purely designed to simplify and standardise scripting

across browsers. It focuses on the low-level stuff: creating elements,
manipulating the DOM, managing attributes, performing HTTP
requests, etc

jQueryUI is a set of user interface components & features built on

top of jQuery (i.e. it needs jQuery to work): buttons, dialog boxes,
sliders, tabs, more advanced animations, drag/drop functionality.

jQuery and jQueryUI are both designed to be 'added' to your site

(desktop or mobile) - if you want to add a particular feature, jQuery
or jQueryUI might be able to help.

Cotn

jQuery Mobile, however, is a full framework. It's intended to be

your starting point for a mobile site. It requires jQuery and
makes use of features of both jQuery and jQuery-UI to provide
both UI components and API features for building mobilefriendly sites. You can still use as much or as little of it as you
like, but jQuery Mobile can control the whole viewport in a
mobile-friendly way if you let it

Data Attributes

data-role

data-theme

data-position

data-transition

data-icon