Introduction:
JQuery Mobile is the front-end development framework for creating mobile Web apps.
JQuery Mobile can be used on smartphones and tablets.
JQuery Mobile uses HTML5 & CSS3 to layout Web pages with minimal script.
jQuery Installation: Load JQuery Mobile from CDN
| ?? |
The full name of the CDN is the Content Delivery network, which is the contents distribution networks. The basic idea is to avoid the bottleneck and link of the Internet which may affect the speed and stability of data transmission, and make the content transmission faster and more stable. |
With the JQuery kernel, you don't need to install anything on your computer; You just need to load the following cascading styles (. css) and JavaScript libraries (. js) in your Web page to use JQuery Mobile:
1 ??23 4<!--meta Use viewport to ensure the page is freely scalable--5<meta name= "viewport" content= "Width=device-width, initial-scale=1" >6 7<!--introducing JQuery Mobile Style--8<link rel= "stylesheet" href= "Http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" >9 Ten<!--introducing JQuery Library-- One<script src= "Http://code.jquery.com/jquery-1.11.3.min.js" ></script> A -<!--introducing JQuery Mobile Library-- -<script src= "Http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js" ></script> the -Domestic users recommend the use of Baidu CDN:
12 3<!--meta Use viewport to ensure the page is freely scalable--4<meta name= "viewport" content= "Width=device-width, initial-scale=1" >5 6<!--introducing JQuery Mobile Style--7<link rel= "stylesheet" href= "Http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" >8 9<!--introducing JQuery Library--Ten<script src= "Http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js" ></script> One A<!--introducing JQuery Mobile Library-- -<script src= "Http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js" ></script> - the
Download JQuery MobileIf you want to place jQuery Mobile on your console, you can download the file from jquerymobile.com.
1 <! ---2 3 <meta name= "viewport" content= "Width=device-width, initial-scale=1" >4 <link rel= "stylesheet" href= "Jquery.mobile-1.4.5.css" >5 <script src= "Jquery.js" ></script>6 <script src= "Jquery.mobile-1.4.5.js" ></script>7
Tip: Place the downloaded file in the same directory as the Web page.
| ?? |
Do you want to know why type= "Text/javascript" is not inserted in the <script> tab?
This property is not required in HTML5. JavaScript is the default scripting language for HTML5 in all modern browsers! |
jquery Essentials (i)