小白教程
所有教程
关于
Search
172.69.58.16
172.69.58.16
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“JQuery 安装”的源代码
本页内容
上一节:
JQuery_简介
下一节:
JQuery_语法
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:jQuery 安装}}[[Category:jQuery 教程|3]] = jQuery 安装 = == 网页中添加 jQuery == 可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法: * 从 [http://jquery.com/download/ jquery.com] 下载 jQuery 库 * 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery == 下载 jQuery == 有两个版本的 jQuery 可供下载: * Production version - 用于实际的网站中,已被精简和压缩。 * Development version - 用于测试和开发(未压缩,是可读的代码) 以上两个版本都可以从 [http://jquery.com/download/ jquery.com] 中下载。 jQuery 库是一个 JavaScript 文件,您可以使用 HTML 的 <script> 标签引用它: <sample title="" desc="" lang="html" hererun="1"> <head> <script src="jquery-1.10.2.min.js"></script> </head> </sample> '''提示:''' 将下载的文件放在网页的同一目录下,就可以使用jQuery。 <blockquote>'''您是否很疑惑为什么我们没有在 <script> 标签中使用 type="text/javascript" ?''' 在 HTML5 中,不必那样做了。JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言!</blockquote> == 替代方案 == 如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它。 Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。 如果你的站点用户是国内的,建议使用百度、又拍云、新浪等国内CDN地址,如果你站点用户是国外的可以使用谷歌和微软。 '''注:'''本站实例均采用小白教程 CDN 库。 如需从 Staticfile CDN、又拍云、新浪、谷歌或微软引用 jQuery,请使用以下代码之一: == Staticfile CDN: == <sample title="" desc="" lang="html" hererun="1"> <head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> </head> </sample> <run name=""> <!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>这是一个标题</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <button>点我</button> </body> </html> </run> == 百度 CDN: == <sample title="" desc="" lang="html" hererun="1"> <head> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </script> </head> </sample> <run name=""> <!DOCTYPE html> <html> <head> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>这是一个标题</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <button>点我</button> </body> </html> </run> == 又拍云 CDN: == <sample title="" desc="" lang="html" hererun="1"> <head> <script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"> </script> </head> </sample> <run name=""> <!DOCTYPE html> <html> <head> <script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>这是一个标题</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <button>点我</button> </body> </html> </run> == 新浪 CDN: == <sample title="" desc="" lang="html" hererun="1"> <head> <script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"> </script> </head> </sample> <run name=""> <!DOCTYPE html> <html> <head> <script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>这是一个标题</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <button>点我</button> </body> </html> </run> == Google CDN: == <sample title="" desc="" lang="html" hererun="1"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> </head> </sample> <run name=""> <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>这是一个标题</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <button>点我</button> </body> </html> </run> <blockquote>不大推荐使用Google CDN来获取版本,因为Google产品在中国很不稳定。</blockquote> == Microsoft CDN: == <sample title="" desc="" lang="html" hererun="1"> <head> <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script> </head> </sample> <run name=""> <!DOCTYPE html> <html> <head> <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>这是一个标题</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <button>点我</button> </body> </html> </run> <blockquote>'''使用 Staticfile CDN、百度、又拍云、新浪、谷歌或微软的 jQuery,有一个很大的优势:''' 许多用户在访问其他站点时,已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery。所以结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。</blockquote> == jQuery 使用版本 == 我们可以在浏览器的 Console 窗口中使用 $.fn.jquery 命令查看当前 jQuery 使用的版本:
返回至“
JQuery 安装
”。
上一节:
JQuery_简介
下一节:
JQuery_语法