Getting started with jquery Moblie - hello world sample code learning_jquery

1. You need to run JQuery Mobile For the mobile application page, you need to download 3 JQuery Mobile related plug-in files (multiple versions), jquery.mobile-1.2.0.min.css, jquery-1.8.3.min .js, jquery.mobile-1.2.0.min.js, JQuery Mobile official website address: http://jquerymobile.com
2. Load the plug-in files into the page, pay attention to their loading order and statements Such as :

Copy code The code is as follows:

3. The sample code of Hello World is as follows:

Copy code Code As follows:

//Set the page width and mobile device

JQuery Moblie

< p>Hello World!

All Rights Reserved by Studio

4. Since JQuery Mobile has fully supported the HTML5 structure , therefore, The body element code can also be modified to:

Copy the code The code is as follows:

JQuery Moblie

< ;/header>

Hello World!

All rights reserved by studio

5. In order to better browse the execution effect of the JQuery Mobile page on the PC side on the mobile terminal, you can download the Opera mobile simulator. The download address is: http://cn.opera.com/, and the preview effect is: