JQuery Mobile Introduction

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.

Examples for Create a Basic Page Template in JQuery mobile as,

<!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!

Pin it

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2