jQuery Mobile is a cross-platform UI framework built on jQuery Core for creating webapps for touch-enabled smartphones and tablets.
Single Page Apps
A single-page application (SPA) is a web application or web site that fits on a single web page with the goal of providing a more fluid user experience similar to a desktop application.
In a(n) SPA, either all necessary code – HTML, JavaScript, and CSS – is retrieved with a single page load, or the appropriate resources are dynamically loaded and added to the page as necessary, usually in response to user actions.
Learning jQuery Mobile
A page in jQuery Mobile consists of an element with a data-role=”page” attribute. Within the “page” container, any valid HTML markup can be used, but for typical pages in jQuery Mobile, the immediate children of a “page” are divs with data-roles of “header”, “content”, and “footer”.
- JQM Intro (jquerymobile.com)
- JQM Getting Started (learn.jquery.com)
- JQM tutorial (w3schools.com)
jQuery Mobile Docs
- Anatomy of a “Page”
- Form Elements (Button, Submit Button, Text input, …)
- More About Buttons