1、安装方式

在网页中添加 jQuery，可以使用以下 2 种方法：

l 从 jquery 下载 jQuery 库

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

1. <!--！！！不要在同一页面中引入多个 JQuery 文件，引入多个可能会出现冲突-->

2.

3. <!--在网页中添加 jQuery，可以使用以下 2 种方法：-->

4. <!--1、下载 jQuery 文件，本地引入-->

5. <script src="jquery-1.12.4/jquery-1.12.4.js"></script>

6.

7. <!--2、从 CDN 中载入 jQuery-->

8. <!--百度 CDN-->

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

cript>

10. <!--新浪 CDN-->

11. <script src="https://lib.sinaapp/js/jquery/2.0.2/jquery-

2.0.2.min.js"></script>

2、开发版本和生产版本

l 生产版本 用于实际的网站中，已被精简和压缩。文件名称（*.min.js）

l 开发版本 用于测试和开发（未压缩，是可读的代码）文件名称(*.js)

3、jQuery 使用版本

我们可以在浏览器的 Console 窗口中使用 $.fn.jquery 命令查看当前 jQuery 使用

的版本

 

4、jQuery 语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

1. $(selector).action()

2. //或者

3. jQuery(selector).action()

说明：

l 美元符号定义 jQuery

l 选择符（selector）"查询"和"查找" HTML 元素

l jQuery 的 action() 执行对元素的操作

文档就绪事件（页面加载事件）

1. //文档就绪事件

2. $(document).ready(function(){

3. // 开始写 jQuery 代码...

4. });

5.

6. //简写

7. $(function(){

8. // 开始写 jQuery 代码...

9. });

* 所有 jQuery 函数位于一个 document ready 函数中，这是为了防止文档在完全加载

（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。如果

在文档没有完全加载之前就运行函数，操作可能失败。

更多推荐

jQuery 引入和使用