JQuery Mobile is a touch-optimized web framework for creating mobile web apps and it is working on all popular smart-phones and tablets.
Before you start learn jQuery mobile you should know following,
· JQuery
· CSS
· HTML
The uses of HTML, CSS and JavaScript solve these mobile related problems and it works for all standard mobile web browsers.
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Include CSS URL --> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <!-- Include jQuery URL --> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <!-- Include jQuery mobile URL --> <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page" id="pageone"> <div data-role="header"> <h3>Welcome you on Home page header!</h3> </div> <div data-role="main" class="ui-content"> <p>Welcome you on main content UI!</p> </div> <div data-role="footer"> <h3>Welcome you footer Text!</h3> </div> </div> </body> </html>
Live output as,
I hope it is helpful to you! Thank you!