O'Reilly logo
  • hongtaoer thinks this is interesting:

jQuery Mobile Page Enhancements

How does jQuery Mobile enhance the markup for an optimized mobile experience? For a visual, refer to Figure 2–2.

  1. First, jQuery Mobile will load the semantic HTML markup (see Listing 2–1).
  2. Next, jQuery Mobile will iterate each page component, defined by their data-role attribute. As jQuery Mobile iterates each page component it will enhance the markup and apply mobile optimized CSS3 enhancements for each component. jQuery Mobile ultimately enhances the markup into a page that renders universally across all mobile platforms...


Cover of Pro jQuery Mobile


enhancement steps