JQuery
为什么要学jquery ?
Jquery 是目前实际开发中最常用的js库 （作为一个前端开发工程师，jquery是必会项目）
Jquery之所以被广泛使用
使用方便
帮助我们解决了兼容性问题
Js 原生代码写错会 报错
报错的缺点： 后面的代码不执行
报错的优点 ： 可以快速定位问题
／／库 储存了一堆我们要用到的方法
Jquery
第一步 引包
第二步 写入口函数 ＄（ｆｕｎｃｔｉｏｎ（）{}）
＄（） ／／函数
＄ 函数根据传入的参数不同，那么他有不同的功能
１ 入口函数
ｊｓ 原生的入口函数 window．ｏｎｌｏａｄ 当所有资源加载完毕
ｊｑｕｅｒｙ 的入口函数 ＄（ｆｕｎｃｔｉｏｎ（）{}） 只要ｄｏｍ 树加载完毕就执行
入口函数一
＄（ｆｕｎｃｔｉｏｎ（）{}）
入口函数二
＄（ｄｏｃｕｍｅｎｔ）．ｒｅａｄｙ（ｆｕｎｃｔｉｏｎ（）{}）
２． 将一个ｄｏｍ对象转换成一个ｊｑｕｅｒｙ 对象
＄（ｄｏｃｕｍｅｎｔ）
３． 如果传进来一个选择器，则就是jquery 选择器的功能
ｃｏｎｓｏｌｅ．ｌｏｇ（＄（＇ｄｉｖ＇））
ｃｏｎｓｏｌｅ．ｌｏｇ（＄（＇#ｂｏｘ＇））
ｃｏｎｓｏｌｅ．ｌｏｇ（＄（＇．ｂｏｘ１＇））
ｊｑｕｅｒｙ
ｊｑｕｅｒｙ 是对ｄｏｍ对象的封装 写起来比较方便
有时需要把ｊｑｕｅｒｙ 对象转换成ｄｏｍ 对象 ｊｑｕｅｒｙ 这个库 ，不是封装了ｄｏｍ的所有方法
如何把ｊｑｕｅｒｙ转换成ｄｏｍ
１． ＄（＇ｄｉｖ＇）［ｉｎｄｅｘ］ 推荐使用
２． ＄（＇ｄｉｖ＇）．ｇｅｔ（ｉｎｄｅｘ）
ｃｏｎｓｏｌｅ．ｌｏｇ（＄（＇ｄｉｖ＇）．ｇｅｔ（０））；
ｃｏｎｓｏｌｅ．ｌｏｇ（＄（＇ｄｉｖ＇）［０］）；
把一个ｄｏｍ 对象转换成ｊｑｕｅｒｙ对象
Var ｂｏｘ ＝ ｄｏｃｕｍｅｎｔ．ｇｅｔＥｌｅｍｅｎｔＢｙＩｄ（＇ｂｏｘ＇）
ｃｏｎｓｏｌｅ．ｌｏｇ（＄（ｂｏｘ））
＄（ｂｏｘ）．ｃｓｓ（＇ｂａｃｋｇｒｏｕｎｄＣｏｌｏｒ＇，＇ｒｅｄ＇）
１．什么是jquery
ｊｑｕｅｒｙ 是一个ｊｓ库
２．为什么会被广泛使用
２．１ 使用方便
２．２ 处理的兼容性的问题
３．ｊｑｕｅｒｙ版本
１．ｘ 兼容ＩＥ６７８
２．ｘ ＩＥ９以上
3.x 2. X 分支 支持了一些新的特性
min.js 压缩之后（用于生产环境） .js 没有 压缩 （用于开发阶段）
4.$()
$(function(){}) 传入的是匿名函数： 入口函数 -à dom 加载完毕就立刻调用
$(dom)传入dom 对象 ： 把一个don 对象 转换成jquery 对象
$(‘div’) 传入选择器 ： 获取页面上的元素
5. jquery 对象和dom 对象
Jquery和 dom 之间的转换
Jq 转 dom ： $(‘div’)[index] $(‘div’).get(index)
Dom转 jq ： $(dom)
Jquery对象是一个伪数组 里面存了dom 对象
Jquery 不能使用dom 的方法
Dom也不能使用jquery 的方法
过滤选择器
筛选选择器
Children() 子元素
console.log($(‘#far’).children(‘’)); //类似 子代选择的效果 所有直接子元素
console.log($(‘#far’).children(‘#son’)); //写参数了,就按照参数返回
find() 后代元素
console.log($(‘#far’).find()); //要求我们必须传一个选择器进来
console.log($(‘#far’).find(‘.box’)); //传什么就返回符合条件
siblings() 所有兄弟元素
console.log($(‘#far >#son1’).siblings(‘#son’)); //传什么,返回符合条件的兄弟元素
parent（）通过儿子找父亲
console.log($(‘#grason’).parent());
console.log($(‘#grason’).parent(‘#far’));//获取不到
eq(index)
console.log($(‘div’));
console.log($(‘div’).eq(3));
next() 下一个兄弟元素
console.log($(‘#son’).next(‘div’))
console.log($(‘p’).next(‘#son1’));
jquery的选择器
基本选择器
标签，id ， 类，交集，并集
层级选择器
后代 子代
过滤选择器
eq(index) odd even
筛选选择器（方法）
Children() 子代
Find（）后代
Parent（） 找父亲
Siblings() 找所有兄弟
Next（）找下一个兄弟元素
注意： 这些选择器最终返回的都是jquery对象
Index方法
Jq 第二天
样式操作
1.1