jQuery Mobile is a framework designed to work with touch devices. This includes phones, tablets, and even some book readers that support web viewing.
The mantra of jQuery is carried over, write less, do more. As the jQuery Mobile is designed to automatically add much of the CSS styles and additional tags and classes for you automatically, without you having to write or code much by default.
Which Browsers Support jQuery Mobile
jQuery Mobile uses progressive enhancement. This means that it starts with a default level of support, for the most basic of browsers, then it adds support as the user’s browser can handle it.
jQuery Mobile uses a graded level of support. So they test against a range of mobile devices and browsers and give each one a grade as to the support that they can give to that browser/device. The grades level of support can be found at: http://jquerymobile.com/gbs/757120264811/
The grades are in three different levels, A, B, and C.
A Grade support allows for those users to have a fully enhanced experience. While you might think only the latest browsers would be able to support this, browsers listed with “A” level support include Blackberry 6-10, Palm WebOS, as well as Android 2.x and 3.2.
B Grade support means it supports most features, but not the AJAX navigation features.
C Grade means that only Basic non-enhanced HTML experience can be expected. This includes IE 7 and older (desktop), iOS 3.x and older, Windows Mobile and feature phones, for example.
Different versions of jQuery Mobile will have different levels of support for the browsers/devices. So make sure you check against the version that you will be developing with, to make sure your users have the support level you expect them to.