Scribd
Upload
8 views

Jquery Mobile: by Vasanth

The document discusses jQuery Mobile, a framework for building mobile web sites and apps. It is optimized for touch interactions and works across various mobile browsers and platforms. The key features include being touch optimized, responsive design, theming support, and AJAX capabilities. Some advantages are ease of use, cross-browser/platform support and customizable themes. Disadvantages include limited customization options and slower performance on mobile devices compared to native apps. jQuery Mobile provides a full mobile framework compared to jQuery and jQuery UI which are for adding individual features.

Uploaded by

vasu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
8 views

Jquery Mobile: by Vasanth

The document discusses jQuery Mobile, a framework for building mobile web sites and apps. It is optimized for touch interactions and works across various mobile browsers and platforms. The key features include being touch optimized, responsive design, theming support, and AJAX capabilities. Some advantages are ease of use, cross-browser/platform support and customizable themes. Disadvantages include limited customization options and slower performance on mobile devices compared to native apps. jQuery Mobile provides a full mobile framework compared to jQuery and jQuery UI which are for adding individual features.

Uploaded by

vasu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 9

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

You might also like