jQuery Mobile is a touch-optimized HTML5 UI development framework that allows you to develop cross platform websites as well as apps which work across all popular smart-phones, tablets and desktops.
The jQuery Mobile framework is built on top of jQuery library which provides a number of facilities, including HTML and XML DOM traversing and manipulation, handling events, performing server communication using Ajax, animation etc. jQuery Mobile framework itself has separate library to develop websites as well as apps.
Why jQuery Mobile?
Features of jQuery Mobile
The key features of jQuery mobile are given below:
Open-source and freely available for all kind of usages.
Cross-platform, cross-device and cross-browser compatible.
Built on jQuery and jQuery UI foundation.
HTML5 based configuration for developing web pages with minimal scripting.
Unified user interface system across all popular mobile platforms.
Minimal image dependencies and light weight in size (12KB) to optimize speed.
Responsive design techniques allow the same underlying UI to automatically scale from smart-phones to tablet and desktop-sized screens.
AJAX-based navigation system to enable animated page transitions while maintaining back button, bookmarking and clean URLs.
Support for touch and mouse events for better user experience.
jQuery VS jQueryUI 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 web site, if you want to add a particular feature, jQuery or jQueryUI might be able to help.
However, jQuery Mobile is a full framework which is built on jQuery and jQuery UI foundation. It makes use of features of both jQuery and jQueryUI to provide both UI components and API features for building mobile-friendly sites. In addition, jQuery Mobile also offers various native features that are especially made for mobile devices.
Moreover, jQuery and jQueryUI act as a layer on top of your HTML and CSS. Using jQuery and jQueryUI, you just leave your markup alone and enhance it with the help of jQuery. However, jQuery Mobile provides ways to define your components using HTML5 data-* attributes.
What do you think?
I hope you have enjoyed the article and would able to have a clear picture about jQuery Mobile. I would like to have feedback from my blog readers. Your valuable feedback, question, or comments about this article are always welcome.