一、jQuery介绍
1．JQuery由美国人 John Resig 于2006年创建
2．JQuery是目前最流行的JavaScript程序库，jq对js对象和函数的封装
3．设计思想是： write less,do more 写更少的代码，做更多的事情
二、jQuery的应用
1．JQuery与其他JavaScript库
（1）jQuery
（2）Bootstrap
（3）Zepto
（4）Ext
（5）YUI
三、JQuery 的优势
1．体积小，压缩后只有100KB左右
2．强大的选择器
3．出色的DOM封装
4．可靠的事件处理机制
5．出色的浏览器兼容性
6．使用隐式迭代简化编程
7．丰富的插件支持
四、获取jQuery
1．进入jQuery官网：http://jquery.com
五、jQuery 库文件 1.3.2
Jquery-版本号.js: 开发版本，给程序员看的，有良好的缩进和注释
Jquery-版本号.min-js: 发布版本，程序员中使用，没有缩进，加载更快
六、jQuery 基本语法
在这里插入图片描述
1．$(document).ready()与window.onload类似，区别：
（1）Document.ready()要比window.onload 执行的快
（2）ready()同一页面能同时编写多个，onload 同一页面不能同时编写多个
（3）ready()简化写法：$(function(){//执行代码}); onload没有简写七、jQuery 语法结构 $(selector.action());
1．$() 工厂函数：将DOM对象转化为jQuery对象
2．selector 选择器：获取需要操作的DOM元素
3．action() 方法：jQuery中提供的方法，其中包括绑定事件处理的方法
八、jQuery 操作页面元素
1．addClass() 为元素添加样式
2．.removeClass()删除样式
3．css() 设置元素样式
4．show()hide() 设置元素的显示和隐藏
九、jQuery 选择器 分类
类似于CSS选择器，用来选取网页中的元素
1．通过CSS选择器选取元素
（1）基本选择器
① 标签选择器 element $(“标签名”) 选取所有的该标签元素
② 类选择器 .class $(“.类名”)
③ ID选择器 #id $(“#id名”)
④ 并集选择器 ， $(“div,p,.类名”)
⑤ 全局选择器 * $(“*”) 选取所有元素
（2）层次选择器
① 后代选择器 在标签里包含的 $(“#id名 span”) 空格
② 子选择器 该标签的下级目录(不包含下下级) $(“#id>span”)
③ 相邻元素选择器 同级目录紧挨后面的 $(“h2+dl”)
④ 同辈元素选择器 在我后面同辈的sibings $(“h2`dl”)
（3）属性选择器
2．通过过滤选择器选择元素
（1）基本过滤选择器
（2）可见性过滤先择其
十、基础事件
1．鼠标事件（括号里加方法function(){}·）
（1）click（） 单击鼠标时
（2）mouseover() 鼠标指针经过时
（3）mouseout() 鼠标指针移出时
（4）mouseenter() 鼠标指针进入时
（5）mouseleave() 鼠标指针离开时
.blur() 失去焦点事件
.focus() 获得焦点2．键盘事件
（1）keydown() 按下键盘时
（2）keypress() 产生可打印的字符时 输入内容时
（3）keyup() 释放按键时3．浏览器事件
（1）$(selector).resize() 调整窗口大小时，完成页面特效4．绑定事件 显示二级菜单
（1）bind(type,[data],fn); 事件类型 可选函数 处理函数5．移出事件
（1）unbind([type],[fn]) 事件类型 处理函数
不带参时代表移除所绑定的全部事件6．表单事件
十一、复合事件
1．鼠标光标悬停(移入移出时) hover(enter,leave)
2．鼠标连续点击
（1）toggle(function(){}) 用于模拟鼠标连续click事件 无参：某标签的显示或隐藏
（2）toggleClass() 可以对样式进行切换
十二、样式操作与内容操作
DOM操作分为三类：
DOM Core： getElementById()
HTML-DOM： document.forms
CSS-DOM： element.style.color = “green”
Jquery中的DOM操作
1．样式操作
（1）设置和获取样式值 css()
（2）追加样式 .addClass()
（3）移除样式 多个用空格 .removeClass()
（4）切换样式 toggleClass(类名)
（5）判断是否含指定的样式 hasClass(class)
2．内容 及Value值操作
（1）HTML代码操作
html() 根据类名添加该标签文本类似innerHTML
注意：清空需要添加引号，如果html方法括号不添加任何内容，是获取html代码
（2）标签内容操作
.text() 无参是获取标签中的文本内容标签也会获取
带参是设置元素中的文本内容
（3）属性值操作
val() 可以获取或设置元素的value属性值
3．节点操作
（1）查找节点
（2）创建节点
（3）插入节点
①元素内部插入子节点
1）append（追加的东西） 追加内容
2）appendTo() 追加到末尾 反 追加
3）prepend() 在这个标签里最前面添加内容
4）prependTo() 反追加到第一个
②元素外部插入同辈节点
1）after() 插入到某标签之后 在此标签同级后插入内容
2）insertAfter() 反 插入
3）before() 插入到某标签之前 在此标签同级前插入内容
4）insertBefore() 反 插入到某标签之前
（4）删除节点
① remove() 删除整个节点
② empty() 清空节点内容
③ detach() 删除整个节点，保留元素的绑定事件和附加数据
（5）替换节点 类似append() 和appendTo()
① replaceWith(x,y) 把x替换成y节点
② replaceAll() 反 xy的位置交换
（6）复制节点 后面配合addendTo()使用
① clone(true) 赋值某个节点 参数是：
true或false, true复制事件处理，false时反之
（7）属性操作
①获取于设置元素属性
.attr(“属性”,值) 获取与设置元素属性 单个属性添加
②删除元素属性
removeAttr() 删除元素的属性
（8）节点遍历操作
①遍历子元素
.children() 获取元素的所有子元素 孩子
②遍历同辈元素
1）.next() 获取此元素之后的同级元素
2）prev() 获取此元素之前的同级元素
3）slibings() 获取此元素前后的所有同级元素
③遍历前辈元素
1）parent() 获取元素的父级元素
2）parents() 获取元素的祖先元素
④其他遍历方法
1）each() 遍历每一个此标签
2）end() 将对象还原换成调用之前的状态
3）first() 获取此元素的第一个元素
4）last() 获取此元素的最后一个元素
（9）CSS-DOM操作
①.scroll() 鼠标滚动事件
②ScrollTop() 滚动条翻到上面的距离
③ScrollLeft() 滚动条向右的距离
④.offset()
.ready() 加载事件 绑定方法
.val() 获取value 的值 有参是赋值 (jq的方法)
.html() 获取标签文本的方法 有参是赋值
.css() 获得此标签的样式 代参赋值多参数{,}
odd 奇数
even 偶数
Console.log(“”) 输出打印 打印到控制台
keyCode()==13 键码值 按下回车时
Opacity 透明度设置
Content 文本
