jQuery Mobile Tutorial
jQueryMobile

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