1、初识jQuery

1.1、什么是jquery

• 是一个快速、简洁的JavaScript框架
• 它封装JavaScript常用的代码

1.2、jQuery的宗旨

• write less ，do more (写的更少，做的更多)

1.3、jQuery怎么用

• 下载
• 加入项目
• 导入

2、jQuery的选择器

2.1、基本选择器

• ID 选择器
• 类选择器
• 标签选择器
• 并集选择器
• 交集选择器
• 全局选择器

2.2、层级选择器

• 后代选择器
• 子代选择器
• 相邻选择器
• 同辈选择器

2.3、过滤选择器

• ：first
• ：last
• ：even
• ：odd
• ：eq（index）
  • 索引
• ：gt（index）
  • 大于该索引
• ：lt（index）
  • 小于该索引
• ：header

[筛选方法]

• parent（）
• parents（）
• children（）
• find（）
• next（）
• nextAll（）
• prev（）
• prevAll（）

2.4、属性选择器

• $(“属性名”)
• $(“属性名 = 属性值”)

3、jQuery的事件

3.1、鼠标事件

• click（）：单击事件
• dblclick（）：通过鼠标双击触发
• mouseover（）：鼠标移入时触发
• mouseout（）：鼠标移出时触发
• mouseenter（）：鼠标移入时触发
• mouseleave（）：鼠标移出时触发
• mousedown（）：鼠标按下时触发
• mouseup（）：鼠标松开时触发

3.2、键盘事件

• keydown（）：键盘按下时触发
• keyup():键盘按下时触发
• keypress（）：键盘按下时触发（只支持普通字符）

3.3、绑定事件

• 绑定单个事件$(“选择器”).on(“事件名”,function(){})
• 绑定多个事件(同样的操作)$(“选择器”).on(“事件1 事件2 事件3”,function(){})
• 绑定多个事件（不同的操作）//方式1
  $(“选择器”).on({
     事件1:function(){},
     事件2:function(){},
     事件3:function(){}
  })
  //方式2
  $(“选择器”).on(“事件1”,function(){}).on(“事件2”,function(){})

3.4、事件的解绑

• 解绑所有事件$(“选择器”).off()
• 解绑指定事件$(“选择器”).off(“事件名”)

3.5、复合事件

//效果等同于mouseover+mouseout事件
hover(function(){//鼠标移入时代码 },
      function(){//鼠标移出时代码 })