13-2 jquery介绍 - 爱码网

1 什么是 jQuery

jQuery 是 js 的一个库，封装了我们开发过程中常用的一些功能，方便我们调用，提高开发效率。

js库是把我们常用的功能放到一个单独的文件中，我们用的时候，直接引用到页面里即可。

关于jQuery的相关资料：

官网：http://jquery.com/
官网API文档：http://api.jquery.com/
汉化API文档：http://www.css88.com/jqapi-1.9/

2 jQuery 的两大特点

链式编程：比如.show()和.html()可以连写成.show().html()。
隐式迭代：隐式对应的是显式。隐式迭代的意思是：在方法的内部进行循环遍历，而不用我们自己再进行循环，简化我们的操作，方便我们调用。

3 使用 jQuery 的基本步骤

（1）引包

（2）入口函数

（3）功能实现代码（事件处理）

导包的代码一定要放在js代码的最上面。

例子：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>引入jquery</title>
 6 </head>
 7 <body>
 8 <script src="jquery-3.3.1.min.js"></script>
 9 
10 <div id="app"></div>
11 <div class="box"></div>
12 <div class="box"></div>
13 <script>
14     console.log($('#app'));
15     console.log($('.box'));
16     console.log($('div'));
17     $('div').css({
18           'width': '200px',
19             'height': '200px',
20             "background-color":'red',
21             'margin-top':'20px'
22 })
23     
24 </script>
25 
26 
27 </body>
28 </html>

View Code