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.




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 »

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

colorpicker