网络编程 
首页 > 网络编程 > 浏览文章

jqueryMobile使用示例分享

(编辑：jimmy 日期: 2025/12/25 浏览：3 次 )

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">


 演示图：


jqueryMobile使用示例分享


示例二：





<!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">


演示图


jqueryMobile使用示例分享


示例三：





<!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">


演示图：


jqueryMobile使用示例分享


示例四：





<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">


演示图


jqueryMobile使用示例分享


示例五：





<!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">


演示图


jqueryMobile使用示例分享


在介绍过程中有不对的地方或不严谨的地方，欢予以纠正。感谢大家！


与其他教程不同的是，本教程都是通一个个实例进行展示。关键性介绍都会在代码中穿插。


            

           
            上一篇：jQuery动画效果实现图片无缝连续滚动

            下一篇：WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现

        

    

    
一句话新闻
高通与谷歌联手！首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布，推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。