jQuery的认识
jQuery是一个前端框架，说的更具体一点，其实就是JavaScript的一个库，里面封装了很多的方法，可以让我们的操作dom变得更加方便，快捷，而且没有兼容性问题，大家仔细想想，咱们一般用JavaScript做些什么事，其实绝大多数就是来操作dom元素
jQuery的优点：
- 解决了浏览器兼容性问题，最低可以兼容到IE6
- 对于dom操作封装了很多的方法，让dom操作变得异常简单
- 代码简洁，逻辑性，可读性更强
jQuery的版本问题
jQuery的第二版本之后就已经摒弃了IE浏览器，因为在国外，确实已经没有多少人在使用IE浏览器了，但是在国内，使用IE的人还有很多，所以必须做到兼容，所以推荐大家使用jQuery第一版本的最后一次更新版,也就是1.12这个版本
<script src="https://cdn.bootcss.com/jquery/1.12.2/jquery.js"></script>
jQuery强大的选择器
$()
$函数有两个用法：
- 用于获取jQuery元素，也就是获取页面元素
- 讲dom对象转换为jQuery对象
jQuery对象和DOM对象的区别于联系
- DOM对象：就是用原生JavaScript的方式获取到的元素对象
- jQuery对象：用jQuery的方式获取到的元素对象称之为jQuery对象
jQuery对象其实就是对于dom对象的一次封装，说白了就是jQuery对象里面包着dom对象，，就像是这种结构：[{},{},{},{},{}]，一个数组里面有很多的对象
jQuery对象的原型身上添加了很多的方法，这就是jQuery的方法，jQuery的方法只有jQuery对象才能使用
dom对象的方法，也只有dom对象才能使用，jQuery对象不能直接使用dom对象的方法
这里jQuery对象和dom对象必须完全搞清楚，不然就会出现方法乱用的情况
- jQuery对象转dom对象：通过下标的方式
- dom对象转jQuery对象：通过$()函数，函数的参数就是dom对象
jQuery操作样式
- css方法：
css（）：改变一个样式
css({})：传入一个对象，同时改变多个样式 - 操作class
addclass（）：添加一个类
removeclass（）：移除一个类
hasclass（）：判断是否有一个类
toggleclass（）：切换一个类的有无
jquery操作属性
attr（）：通过attr方法来操作属性，用法和css一样
对于属性值是Boolean类型的属性，操作属性用prop（）方法
jQuery动画
在jQuery中使用动画常常会遇到一个坑，那就是动画队列：所有触发的动画会全部加载到一个动画队列里面，一个一个执行。
解决方法：在jQuery的动画函数前面加上一个stop（）函数
stop（）：作用就是停止当前动画前面的动画队列，直接执行本次动画
jquery事件难点-委托事件
父元素身上添加事件，但是最终而是由子元素触发执行，
本质原理描述：点击子元素的时候，由于子元素并没有注册事件，所以事件继续向上冒泡，冒泡到父元素，正好父元素身上有一个事件，就开始执行，因为父元素身上的是委托事件，自己并不会执行，所以父元素就会看看触发事件的是谁，是不是委托的对象，如果是，就执行，负责不执行
网友评论