教育改变生活
标题: 【JAVA WEB应用开发】10-2jQuery安装 [打印本页]
作者: 却尘 时间: 2023-4-25 10:30
标题: 【JAVA WEB应用开发】10-2jQuery安装
jQuery 安装页中添加 jQuery可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法：
· 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery
下载 jQuery有两个版本的 jQuery 可供下载：
· Production version - 用于实际的网站中，已被精简和压缩。
· Development version - 用于测试和开发（未压缩，是可读的代码）
jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的 <script> 标签引用它：
<head> <script src="jquery-1.10.2.min.js"></script> </head>
提示： 将下载的文件放在网页的同一目录下，就可以使用jQuery。
| 您是否很疑惑为什么我们没有在 <script> 标签中使用 type="text/javascript" ？
在 HTML5 中，不必那样做了。JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言！ |
替代方案如果您不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络） 引用它。
Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。
如果你的站点用户是国内的，建议使用百度、又拍云、新浪等国内CDN地址，如果你站点用户是国外的可以使用谷歌和微软。
注：本站实例均采用菜鸟教程 CDN 库。
如需从 Staticfile CDN、又拍云、新浪、谷歌或微软引用 jQuery：
比如，Staticfile CDN（可替换成其他来源）:<head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> </head>
html编码；
<!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>
| 欢迎光临 教育改变生活 (http://bbs.goldoar.com/) |
Powered by Discuz! X3.2 |