JQuery要点

Posted {抠得儿:Coder}

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JQuery要点相关的知识，希望对你有一定的参考价值。

简介：

jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。

jQuery Mobile 可以应用于智能手机与平板电脑。

jQuery Mobile 使用 html5 & CSS3 最小的脚本来布局网页。

 

jQuery 安装：

从 CDN 中加载 jQuery Mobile

?? CDN的全称是Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。.

使用 jQuery 内核, 你不需要在电脑上安装任何东西; 你仅仅需要在你的网页中加载以下层叠样式 (.css) 和 javascript 库 (.js) 就能够使用 jQuery Mobile:

 1 ??
 2 <head>
 3 
 4 <!-- meta使用viewport以确保页面可自由缩放 -->
 5 <meta name="viewport" content="width=device-width, initial-scale=1">
 6 
 7 <!-- 引入 jQuery Mobile 样式 -->
 8 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
 9 
10 <!-- 引入 jQuery 库 -->
11 <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
12 
13 <!-- 引入 jQuery Mobile 库 -->
14 <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
15 
16 </head>

国内用户推荐使用百度CDN：

 1 <head>
 2 
 3 <!-- meta使用viewport以确保页面可自由缩放 -->
 4 <meta name="viewport" content="width=device-width, initial-scale=1">
 5 
 6 <!-- 引入 jQuery Mobile 样式 -->
 7 <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
 8 
 9 <!-- 引入 jQuery 库 -->
10 <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
11 
12 <!-- 引入 jQuery Mobile 库 -->
13 <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
14 
15 </head>

 

 

 

下载 jQuery Mobile

如果你想将 jQuery Mobile 放于你的主机中,你可以从 jQuerymobile.com下载该文件。

 

1 <！--引用-->
2 <head>
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 </head>

提示： 将下载的文件放置于与网页同一目录下。

 

?? 你是否想知道为什么在 <script> 标签中 没有插入 type="text/javascript" ?

在 HTML5 已经不需要该属性。 JavaScript 在所有现代浏览器中是 HTML5 的默认脚本语言！

 

以上是关于JQuery要点的主要内容，如果未能解决你的问题，请参考以下文章

Web前端： JQuery最强总结（每个要点都附带完全案例 详细代码！）

html 这个要点包含使用RightCare品牌创建浮动框的片段。

Visual Studio 2012-2019的130多个jQuery代码片段。

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段（转）