Latest web development tutorials
 

jQuery Mobile Tutorial


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.


Examples

"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.

Example

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

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

  <div data-role="footer">
    <h1>Insert Footer Text Here</h1>
  </div>
</div> 
Try it Yourself »

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


jQuery Mobile Examples

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


jQuery Mobile References

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