带你走进Jquery（一）擅长的领域"/>
夜光带你走进Jquery（一）擅长的领域
夜光序言：
所谓爱情，最好不过
你在我手，归我所有，我在你手
倾我所有，你住我心，我最舒心，我住你心，我才安心
正文：有点意思~~
什么是 jQuery ？
jQuery是一个JavaScript函数库。
jQuery是一个轻量级的"写的少，做的多"的JavaScript库。
jQuery库包含以下功能：
- HTML 元素选取
- HTML 元素操作
- CSS 操作
- HTML 事件函数
- JavaScript 特效和动画
- HTML DOM 遍历和修改
- AJAX
- Utilities
提示： 除此之外，Jquery还提供了大量的插件。
嗯唔：网页中添加 jQuery
可以通过多种方法在网页中添加 jQuery。
我们可以使用以下方法：
- 从 jquery 下载 jQuery 库
- 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery
哟~~ 下载 jQuery
有两个版本的 jQuery 可供下载：
- Production version - 用于实际的网站中，已被精简和压缩。
- Development version - 用于测试和开发（未压缩，是可读的代码）
以上两个版本都可以从 jquery 中下载。
谷歌和微软~~不解释，因为一般需要........
我们的站点用户是国内的，建议使用百度、又拍云、新浪等国内CDN地址
如果我们的站点用户是国外的可以使用谷歌和微软。
Staticfile CDN:
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><script src=".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>百度 CDN:
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><script src=".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>
又拍云 CDN:
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><script src=".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>
更多推荐
夜光带你走进Jquery（一）擅长的领域
发布评论