jQuery Mobile Tutorial - For Beginners & Professionals

Understanding jQuery Mobile Toolbars

jQuery Mobile offers two standard types of toolbars: Headers and Footers. Header bar may contain the page title, search button, back button, navigation links or navbar. Typically header bar is the first element inside each mobile page.

Understanding jQuery Mobile Theming Framework and Transition Effects

jQuery Mobile provides a powerful theming framework that allows you to customize color schemes provided by jQuery Mobile. By using jQuery Mobile ThemeRoller, you can develop a customize theme for your application and can download your custom CSS file and include it in your application.

Understanding jQuery Mobile Events

jQuery mobile is made on the top of jQuery Library and jQuery offers various events for handling user interaction. In addition, jQuery Mobile also offers various native events that are especially made for mobile devices. The jQuery mobile events can be categorized into four categories as given below:

Understanding jQuery Mobile Buttons

Buttons are created with the help of standard HTML anchor and input elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device. Typically, anchor links (a elements) are used to make navigation buttons, and input or button elements are used to make buttons for form submission.

Understanding jQuery Mobile Pages

A jQuery Mobile webpage must start with an HTML5 doctype to take full advantage of all of the framework's features. In the head section of a webpage, references to jQuery, jQuery Mobile and the mobile theme CSS are also all required. jQuery Mobile has guidelines on the structure of pages themselves.

What is jQuery Mobile and how is it different from jQuery and jQueryUI?

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.