Using jQuery Mobile, logical pages in an application are defined as <div> elements, having a data-role="page" attribute. From there, addtional attributes are used to provide design and functionality to the application:
For complete information about using the various elements, properties and functionality of this framework, see the jQuery Mobile Docs and Demos page.
Example: Using jQuery and WebWorks APIs to add content to a page:
The entire source of this sample application is attached at the end of this article as a ZIP file containing the application resources. Download jQueryMobile.zip and build it using the BlackBerry WebWorks SDK Packager. Deploy and run it on a supported BlackBerry device to observe how various jQuery Mobile features and capabilities can be used to implement BlackBerry application functionality.