jqueryMobile使用示例分享

网络编程 2024/11/18 佚名

3 1 2

jQuery Mobile是客户端代码，但其基于ajax技术与服务器端交互。因此拥有一个Web Service，才能更好的体验jQuery Mobile的功能。这里不打算介绍Web Service的搭建过程，朋友们可以根据自己的实际需要自行搭建。

示例一：

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="/UploadFiles/2021-04-02/jquery-1.8.3.min.js">

演示图：

示例二：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
    <script src="/UploadFiles/2021-04-02/jquery-1.8.3.min.js">

演示图

示例三：


<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="utf-8">
<!-- <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.css">
<script src="/UploadFiles/2021-04-02/jquery.min.js">

演示图：

示例四：


<html lang="zh_CN">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.css">
<script src="/UploadFiles/2021-04-02/jquery.min.js">

演示图

示例五：


<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.css">
<script src="/UploadFiles/2021-04-02/jquery.min.js">

演示图

在介绍过程中有不对的地方或不严谨的地方，欢予以纠正。感谢大家！
与其他教程不同的是，本教程都是通一个个实例进行展示。关键性介绍都会在代码中穿插。

                                
                                
                                    jquery,Mobile 
                                华山资源网 Design By www.eoogi.com