This document introduces the fundamentals of jQueryMobile including tables, filters, buttons, grids, checkboxes, and radio buttons. It provides descriptions and examples of each feature, noting that tables can be reflowed into a stacked presentation, elements can be filtered by text content, buttons and inputs are styled via classes, grids are invisible containers, and checkboxes and radio buttons are enhanced for selection. The document is based on examples from the jQueryMobile website.

1. Welcome to
jQueryMobile Fundamental 5

2. 1. Table
2. Filter
3. Button
4. Grid
5. Checkbox
6. Radio button
jQueryMobile
Fundamental 5
Based on
http://demos.jquerymobile.com/1.4.0/

3. Table jQueryMobile Fundamental 5
The reflow table mode works by collapsing the table columns into a
stacked presentation that looks like blocks of label/data pairs for
each row
Header
Content

4. Filter jQueryMobile Fundamental 5
The children of any element can be filtered by setting the attribute
data-filter="true" on the element. By default, the text contained in
each child is used for filtering, setting the attribute data-filtertext
Tab
Real Content

5. Button jQueryMobile Fundamental 5
Add classes to style a and button elements. input buttons are
enhanced by the button widget

6. Grid jQueryMobile Fundamental 5
Grids are 100% width, completely invisible and don't have padding or
margins without interfere Within the grid container, child elements
are assigned ui-block-a/b/c/d/e

7. Checkbox jQueryMobile Fundamental 5
Checkbox inputs are used to provide a list of options where more
than one can be selected. Checkbox buttons are enhanced by the
checkboxradio widget

8. Radio button jQueryMobile Fundamental 5
Radio inputs are used to provide a list of options where only a single
option can be selected. Radio buttons are enhanced by the
checkboxradio widget

9. Expand your dimension!
Let’s Start!