jQuery Mobile Get Started

Adding jQuery Mobile to Your Web Pages

There are two ways to add jQuery Mobile to your web site. You can:

  • Link to a jQuery Mobile library stored at a CDN (recommended)
  • Link to a jQuery Mobile library stored at your computer

Link to jQuery Mobile From a CDN

As with jQuery core, there is nothing to install on your computer; you just include the following stylesheet (.css) and JavaScript libraries (.js) directly into your HTML page, to get jQuery Mobile to work:

jQuery Mobile CDN:


<!-- Include meta tag to ensure proper rendering and touch zooming -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Include jQuery Mobile stylesheets -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

<!-- Include the jQuery library -->
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

<!-- Include the jQuery Mobile library -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>


Link to jQuery Mobile Stored at Your Computer

If you want to host the jQuery Mobile library yourself, you must first download it from jQuerymobile.com.

Then add the following code to your page:

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.css">
<script src="jquery.js"></script>
<script src="jquery.mobile-1.4.5.js"></script>

Tip: Place the downloaded files in the same directory as the pages where you wish to use it.