Introduction To Jquery Mobile

Jquery-mobile is a framework of Jquery. It is a cross-platform and touch-optimized designed for creating web applications for mobile and tablet. The web applications you design using Jquery mobile framework are responsive on mobile devices and can be used in any operating system.

Jquery Mobile is not for designing desktop web applications.

Jquery Mobile CDN by Google

To use Jquery mobile in your project you need to insert its CDN (.css and .js) in the head section.

<script src="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.css">

Now, you know that it is a framework of Jquery. Therefore, you must also link the Jquery default’s CDN in the head section.

<script src = "https://code.jquery.com/jquery-1.11.3.min.js"></script>

For testing, You need to install a chrome extension called RWD tester (Mobile/Responsive Web Design Tester). Add RWD tester to chrome

Leave a Comment