Search within TutorialsPark

jQuery Mobile : Introduction


Setting Up jQuery Mobile, learn how to obtain jQuery Mobile and add it to HTML Document


jQuery Mobile: Setup

jQuery Mobile belongs to the family of jQuery and jQuery UI, hence there is a lot of similarity and common patterns with these libraries.

The latest stable version of jQuery can be downloaded from its website http://jquerymobile.com/ , a zip file containing the latest stable version can be downloaded.

Also, jQuery Mobile can work only with the jQuery, the latest stable version of jQuery can be downloaded form http://jquery.com/ .


jQuery Mobile : Creating a Theme

jQuery Mobile also supports a theme framework call ThemeRoller which can be used to create new themes.

jQuery Mobile package comes with a default theme, but you can assign a custom theme as well using http://jquerymobile.com/themeroller.

The themeroller tool outputs a zip file containing CSS files with custom style rules which is to be included in your Web Document.

But, we will use the custom theme for most part of the tutorial.


jQuery Mobile : Installing

Installing jQuery is easy, you just need to have four files in directory from which you serve the webpages.

For using jQuery Mobile on your website you need to have following files in the directory linking to each webpage

1. The jQuery File you got from http://jquery.com/

2. The jQuery Mobile JavaScript Library file downloaded from http://jquerymobile.com/

3. The jQuery Mobile CSS styles file downloaded from http://jquerymobile.com/

4. The jQuery Mobile Icons file (images folder) downloaded from http://jquerymobile.com/

Else you can also use A Content Distribution Network(CDN) which is a network of servers, it host the Jquery file (or any other file) and then delivers the file to the user via the server closest to the client's system.

Example: jQuery Mobile - Setting up Resources

Give it a TRY! » Note: Its better to use CDN, since it reduces page load time.