FREE Web Template Download

jQuery Mobile Introduction

jQuery Mobile is a web framework for creating mobile web applications.

What You Should Already Know

Before you start studying jQuery Mobile, you should have a basic knowledge of:

  • HTML
  • CSS
  • jQuery

If you want to study these subjects first, find the tutorials on our Home page.

What is jQuery Mobile?

jQuery Mobile is a touch-optimized web framework for creating mobile web applications.

jQuery Mobile works on all popular smartphones and tablets:

jQuery Mobile is built on top of the jQuery library, which makes it easy to learn if you already know jQuery.

It uses HTML5, CSS3, JavaScript and AJAX to accomplish its work for laying out pages with minimal scripting.

Why Use jQuery Mobile?

jQuery Mobile takes the "write less, do more" to a new level: It automatically design web pages with an attractive and "easy-to-use" look, that will work the same way on all mobile devices.

Instead of writing one application for each mobile device or OS:

  • Android and Blackberry is written in Java
  • iOS is written in Objective C
  • Windows Phone is written in C# and .net, etc.
jQuery Mobile solves this problem, as it only uses HTML, CSS and JavaScript, which is standard for all mobile web browsers!

Best Reading Experience

Even though jQuery Mobile works on all mobile devices, it may have some compatibility issues on desktop computers (due to limited CSS3 support).

For this tutorial, we recommend that you use the Google Chrome Browser for better reading experience.