jquery 入门（jquery是什么/与JavaScript的联系与区别/jquery版本/引包/入口函数）

1. 为何要学jQuery

（1）JS的劣势

（2）jQuery是什么（理解）

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

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

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

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

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

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

（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版本

同版本两个文件的区别：

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

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

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

（2）引包注意

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

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

（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 === $;