jQuery 使用

jQuery 库可以通过一行简单的标记被添加到网页中。


可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法:

  • 从 jquery.com 下载 jQuery 库

  • 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery


下载 jQuery

有两个版本的 jQuery 可供下载:

  • Production version - 用于实际的网站中,已被精简和压缩。

  • Development version - 用于测试和开发(未压缩,是可读的代码)

以上两个版本都可以从 jquery.com 中下载。


更为简单的使用jQuery方法

如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它。我们只需要从百度、又拍云、新浪、谷歌或微软引用 jQuery,将它们放到<head>中即可

<head>
<script src="jquery-1.10.2.min.js"></script>
</head>

下面是个伟大网站的CDN

百度CDN:

<head>
<script src="http://libs.baidu.com/jquery/1.10.2 /jquery.min.js">
</script>
</head>


又拍云 CDN:

<head>
<script src="http: //upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">


新浪CDN:



</head>


Google CDN:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>

提示:不大推荐使用Google CDN来获取版本,因为Google产品在中国很不稳定。
如果您观察上什么的 Google URL - 在 URL 中规定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的 jQuery,也可以从版本字符串的末尾(比如本例 1.8)删除一个数字,谷歌会返回 1.8 系列中最新的可用版本(1.8.0、1.8.1 等等),或者也可以只剩第一个数字,那么谷歌会返回 1 系列中最新的可用版本(从 1.1.0 到 1.9.9)。


本站实例均采用百度 jQuery CDN库。



继续学习
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" type="text/javascript"> </script> <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> <body> <p>如果你点我,我就会消失。</p> <p>继续点我!</p> <p>接着点我!</p> </body> </html>
提交重置代码