使用jQuery库

最新推荐文章于 2024-02-17 18:39:30 发布

原创最新推荐文章于 2024-02-17 18:39:30 发布 · 253 阅读

CC 4.0 BY-SA版权

一、jQuery 版本 2 以上不支持 IE6，7，8 浏览器。如果需要支持 IE6/7/8，那么可以选择1.9。

开发过程中需要使用jQuery库，可以写一个兼容性的代码：

<!--[if lt IE 9]>
    <script src="jquery-1.9.0.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
    <script src="jquery-2.0.0.js"></script>
<!--<![endif]-->

二、jQuery的主要作用

jQuery 的功能概括

1、html 的元素选取

2、html的元素操作

3、html dom遍历和修改

4、js特效和动画效果

5、css操作

6、html事件操作

7、ajax异步请求方式

三、jQuery框架的引入

方法一：直接下载库文件
1、下载jQuery库

或者 http://www.bootcdn.cn/jquery/

有2个版本：compressed —— 压缩版本，用于实际网站中；（开发可以下载sourcemap file ，代码可读）

uncompressed —— 未压缩版本，可读代码，用于测试和开发；

2、在html中引用（将下载的文件放在网页的同一目录下，就可以使用jQuery。）

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

方法二：通过 CDN（内容分发网络）引用它。

百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。

如果你的站点用户是国内的，可以使用百度、又拍云、新浪等国内CDN地址，如果你站点用户是国外的可以使用谷歌和微软。

百度CDN:

<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>

又拍云CDN:

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

新浪CDN:

<head>
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head>

Google CDN:

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

Microsoft CDN:

<head>
<script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
</script>
</head>

使用百度、又拍云、新浪、谷歌或微软的 jQuery，有一个很大的优势：
许多用户在访问其他站点时，已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery。所有当他们访问自己开发的站点时，会从缓存中加载 jQuery，这样可以减少加载时间。同时，大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。