目录
首先我们先介绍原生js的缺点
1. 元素js代码有冗余
2. 原生的js的api名字都太长,太难记
3. 原生js中有些方法和属性,有些浏览器不支持
4. 不能写多个入口函数,如果写了多个,后面的就会覆盖前面的
5. 容错率较低,前面的代码出现了问题,后面的代码也不会执行。
6. 查找元素的方法单一
7. 实现简单动画效果比较麻烦
由于原生js的缺点,让jQuery出现,更加方便了我们编写代码
jQuery是一个快速,小型且功能丰富的JavaScript库。通过易于使用的API(可在多种浏览器中使用),使HTML文档的遍历和操作,事件处理,动画和Ajax等操作变得更加简单。结合了多功能性和可扩展性,jQuery改变了数百万人编写JavaScript的方式
jQuery的使用
全局核心函数
主要核心在于它有一个全局核心函数,我们使用jQuery都是通过$来调用的
1. 全局核心函数:$(jquery)
立即执行函数 本质上就是一个入口函数
参数是:
1. css selector 获取元素,放在一个类数组中
2. jquery unique selector 获取元素,放在一个类数组中
3. null nudefined "" juqery的容错机制
4. dom 把dom对象转换成jquery对象
5. $(function(){}) $(document).ready() 入口函数
jQuery对象和dom对象的区别于转换
- 区别:
- 原生js中document的方法获取到的对象就是dom对象dom对象 特点:只能调用dom对象的方法不能调用jquery对象的方法和属性
- jquery对象 特点:只能调用juqery对象的方法和属性不能调用dom对象的方法用$()获取到的对象就是jquery对象,是一个伪数组,伪数组中存放的又是dom对象 jquery对象是dom对象包装集
2.转换:
Jquery通过get方法可以变成一个dom对象
全局核心函数括号里面的就是一个dom对象$(dom对象) $(dom对象)这是个jQuery对象