jQuery Mobile Tutorial

jQuery Mobile

jQuery Mobile is a framework for creating mobile web applications.

jQuery Mobile is compatible with all popular smartphones and tablets.

jQuery Mobile uses HTML5 and CSS3 to layout the page with as little script as possible.

TIY instances in each chapter

With our online editor, you can edit the code and then click the submit button to view the results.

Example

<div data-role="page" id="pageone">
  <div data-role="header">
    <h1>Enter title here</h1>
  </div>
  <div data-role="content">
    <p>Enter main content here</p>
  </div>
  <div data-role="footer">
    <h1>Enter footer text here</h1>
  </div>
</div>

Try It Yourself

Please click the 'Try It Yourself' button to see the results.

jQuery Mobile Example

Learn by Example! At CodeW3C.com, you can find a large number of jQuery Mobile examples and test them personally.

jQuery Mobile Example

jQuery Mobile Reference Manual

At CodeW3C.com, you will find a complete reference manual containing all jQuery Mobile attributes.

jQuery Mobile Data Reference Manual