jQuery Mobile Tutorial

jQuery Mobile

jQuery Mobile is a framework for creating mobile web applications.

jQuery Mobile works on all popular smartphones and tablets.

jQuery Mobile uses HTML5 & CSS3 for laying out pages with minimal scripting.


"Try it yourself" Examples in Each Chapter

With our online editor, you can edit the code, and click on a button to view the result.


<div data-role="page" id="pageone">
  <div data-role="header">
    <h1>Insert Page Title Here</h1>

  <div data-role="main" class="ui-content">
    <p>Insert Content Here</p>

  <div data-role="footer">
    <h1>Insert Footer Text Here</h1>

Try it yourself »

Note Click on the "Try it yourself" button to see how it works.

jQuery Mobile Examples

Learn by examples! At W3Schools you will find a lot of jQuery Mobile examples to edit and test yourself.

jQuery Mobile References

At W3Schools you will find a complete reference of all jQuery Mobile attributes.

Color Picker