jQuery （上）

jQuery

原生js的缺点分析：

1. 不能添加多个入口函数(window.onload)，如果添加多个，后面把前面覆盖了。

2. 原生js的api名字太长

3. 原生js有的时候代母多重复

4. 原生js中有些属性或者方法，有浏览器兼容问题

5. 原生js容错率低，前面代码有问题，后面的代码就不执行了。

jQuery的优势：

1. 是可以写多个入口函数(window.onload)

2. jQuery的API名字都容易记忆

3. jQuery代码简洁(隐式迭代)

4. jQuery帮我们解决了浏览器兼容问题

5. 容错率较高，前面的代码出了问题，后面的代码不受影响。

1. jQuery简介

网址链接（jQuery）

jQuery就是一个封装了很多方法和集合的JavaScript库(即library)。

j代表javaScript；Query查询：意思就是查询js，把js的DOM操作做了封装

我们学习jQuery，其实就是学习jQuery中封装的一大堆方法。（参数、返回值、方法有什么效果）

宗旨：写少干多

核心特性：

• 具有独特的链式语法、和短小清晰的多功能接口；大小几十kb，不会影响页面加载速度

• 兼容各种主流浏览器。

• 具有高效灵活的css选择器并且可对css选择器进行扩展；

• 拥有便捷的插件扩展机制和丰富的插件；例如（树形菜单、日期控件、轮播图等）

• 免费、开源

• 隐式迭代：遍历内部DOM元素(伪数组形式存储)的过程

简单理解：给匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用

1. 如何使用 jQuery？

1. 引入jQuery我文件

<script src="jquery.js"></script>

1. 写一个入口函数(防止文档还没有加载完，js就开始运行了)

 $(document).ready(function () {
      
我们写的东西
}

1. 找到你要的元素(jQuery选择器)，去操作他(给他添加属性，样式，文本....)

1. jQuery的版本

• 1.x版本：可兼容IE678（已停更）；

• 2.x版本：不兼容IE678 （已停更）；

• 3.x版本：不兼容IE678 （更新中）；

每一个版本的jQuery有压缩版和未压缩版

compress 压缩版，去掉了格式，体积小，用于发布

uncompress 原版 ，有统一格式，体积大，方便阅读，用于测试，学习和开发

1. jQuery 入口函数

4.1 jQuery 入口函数的俩种写法

//第一种
 $(document).ready(function () {
      
我们写的东西；
})；
//第二种（一般用这个）
 $(function () {
      
我们写的东西；
})；

4.2 jQuery 入口函数和window.onliad入口函数的区别

1. window.onload入口函数不能写多个，但是jQuery的入口函数是可以写多个的。<