Introduction to jQuery Mobile

Code

The mobile strategy of jQuery can be easily explained – it is the implementation of custom JavaScript in the most commonly used browsers on mobile platforms.

To ensure broad support, all pages in jQuery Mobile are built on pure HTML, this ensures compatibility with quite a few web-oriented devices. In devices that interpret CSS and JavaScript, jQuery Mobile applies progressive methods that would unobtrusively transform semantic pages using the rich interactive experience and the power of Query and CSS. Accessibility standards for active web applications such as WAI-ARIA are tightly integrated throughout the framework to provide support for screen readers.

Key Features

  • JQuery-based familiar syntax
  • Compatible with all major mobile platforms – iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Mobile, bada, MeeGo and with basic support for all devices that understand HTML
  • Small file size (12kb including functionality for all mobile devices) and minimal dependence on images to increase speed
  • HTML5 markup guided page configuration and minimal requirements for fast development of scripts
  • Progressive approach, reinforcing core content and functionality of all mobile, eBooks, Desktop Platform, will be easy to use on new mobile platforms.
  • Automatic initialization with HTML5 date-role attributes in the HTML markup, will automatically initialize all JQuery Mobile widgets found on the page.
  • Accessibility standards for active web applications, such as WAI-ARIA, are included to enable easy screen reading (e.g. VoiceOver in iOS) and other assistive technologies.
  • Simple APIs, streamlining support for Touch, mouse, and other input devices.
  • New modules that extend the touch experience.
  • Powerful visualization themes make it very easy to build interfaces.

Supported platforms

There are still a fair number of bugs, but they will be fixed before version 1.0 in January. At the alpha release stage, jQuery Mobile has been tested on the following devices:

  • Apple iOS: iPhone, iPod Touch, iPad (all versions)
  • Android: all devices (all versions)
  • Blackberry Torch (version 6)
  • Palm WebOS Pre, Pixi
  • Nokia N900 (in development)

Pages

The jQuery Mobile includes automatic page loading using AJAX, with a return button enabled, animation settings and simple tools for displaying dialogs. The purpose of this model is to allow developers to create websites using best practices – where normal links will work without any special configuration, while creating native applications that could not be achieved using standard HTML.