1.  为何要学jQuery


（1）JS的劣势


jquery必须学吗 jquery要学吗_javascript

（2）jQuery是什么（理解）


jQuery是别人帮我们封装好的库。


jQuery是JS的一个库，封装了开发过程中常用的功能，能够提高开发效率。

JS库就是把常用的代码放到一个单独的文件中，用的时候直接引用到页面里面就可以了。

世界排名前10000的网站中，超过55%的网站在使用jQuery

 

框架 是为解决一个(一类)问题而开发的产品（可以方便地解决问题）


库 是将代码集合成的一个产品（很多东西放在一起）




jquery必须学吗 jquery要学吗_jquery必须学吗_02


 


（3） jQuery 学什么


学习如何使用jQuery，其实就是学习jQuery封装好的一些功能方法，这些方法叫做API（Application Programming Interface应用程序编程接口）。


 

这些API的共同特点是：几乎全都是方法。

所以，在使用时，都是方法调用，要加小括号()，小括号里面是相应的参数，参数不同，功能不同。

 



（4）jQuery怎么用


使用步骤：



①引包



②写入口函数（入口函数就是指程序运行的时候最开始调用的函数，也就是程序开始的地方 ）



③实现功能（事件处理）



 




2. 开始使用jQuery


（1） 版本介绍


http://jquery.com/browser-support/

 


最常用的两个版本：1.12.x 和最新推出的 3.1.1


两个版本的区别：3.x版本，不支持IE6、7、8，PC端的开发主要使用1.12.x版本




jquery必须学吗 jquery要学吗_JQuery_03



 

同版本两个文件的区别：

min：压缩版，压缩过后，体积会更小

 

压缩指的是：把注释、空格、换行全部去掉，把变量名称尽可能的换成更加简短的字符。


平时开发过程中，这两个文件使用哪个都可以；但是，项目上线的时候，推荐使用压缩版。



（2） 引包注意


第一点：在使用jQuery之前，先把jQuery文件引到页面中来，如果在使用jQuery之前，没有引用jQuery文件，会报错：


jquery必须学吗 jquery要学吗_javascript_04

第二点：src路径一定要写正确 如果src路径写错，也会报错：



jquery必须学吗 jquery要学吗_javascript_05





（3）jQuery的入口函数


第一种：


$(document).ready(function(){ //内容 });



第二种：


$(function(){ //内容 });



以上两种写法，作用完全相同，用哪个都可以

 


JS的入口函数： 


window.onload = function() { //内容 };




jQuery入口函数与JS入口函数的区别：


区别1：书写个数不同

JS入口函数只能出现一次，出现多次会存在事件覆盖的问题。


jQuery 的入口函数，可以出现任意多次，不会覆盖。


区别2：执行时机不同

JS入口函数是在所有资源加载完成后，才执行。（包括：页面、外部js文件、外部css文件、图片）

jQuery入口函数，是在文档加载完成后就执行。文档加载完成指的是：DOM树加载完成后，就可以操作DOM了，不用等到所有的外部资源都加载完成。


 



（4）$  符号


$就是一个普通的字符，可以用于变量名或函数名


JS 命名规范允许出现的字符有：数字、字母、下划线、$


var $ = “字符串”;
var $ = 123;
function $(){
      alert(“我是函数$”);
}
$(); // 调用上面我们自定义的函数$




jQuery中的$实际是一个函数 


// jQuery中使用$的主要场景
$(document）.ready(function(){}); // 调用入口函数
$(function(){}); // 调用入口函数
$(“#btnShow”) // 获取id属性为btnShow的元素
$(“div”) // 获取所有的div元素




jQuery里面的$函数，根据传入参数的不同，进行不同的调用，实现不同的功能。

jQuery这个JS库，为了避免冲突，给这个最重要的$函数还起了另外一个名字：jQuery

jQuery函数跟$函数的关系：jQuery === $;