jQuery（上）
之一部分 初识jQuery
什么是jQueryjQuery：jQuery是一个快速、简洁的JavaScript库，其设计宗旨是
“write less，do more”，倡导用更少的代码，做更多的事情
jQuery特点：
jQuery是一个轻量级的脚本，其代码非常小巧。语法简洁易懂，学习速度快，文档丰富。支持CSS1~CSS3定义的属性和选择器。跨浏览器，支持的浏览器包括IE6~IE11和FireFox、Chrome等。实现了JavaScript脚本和HTML代码的分离，便于后期编辑和维护。插件丰富，可以通过插件扩展更多功能。2.获取jQuery
官方网页：
jQuery所有版本下载链接地址
jQuery下载页面：
3.使用jQuery
jQuery引入：
jQuery与JavaScript的区别：
jQuery书写位置：
jQuery中的加载事件：
4.jQuery对象
jQuery对象的表示 ：
jQuery对象的静态 ：
DOM对象不能使用jQuery hide()：
DOM对象与jQuery对象相互转换：
DOM对象与jQuery对象相互转换：
第二部分 jQuery选择器
基本选择器jQuery的基本选择器和CSS选择器非常类似：
jQuery的类选择器：
2.层级选择器
jQuery层级选择器：层级选择器可以完成多层级元素之间的获取
jQuery后代选择器：
隐式迭代：
3.筛选选择器
筛选选择器：筛选选择器用来筛选元素，通常和别的选择器搭配使用。
常用筛选 ：
4.【案例】下拉菜单
首先，编写下拉菜单页面结构：
编写下拉菜单逻辑代码：
5.排他思想
排他思想：为当前元素设置一个特定的样式，并为其他兄弟元素清除样式。
6.【案例】精品展示
结果图：
分析：
将左边的菜单使用ul和li来实现，为每个li添加鼠标指针滑过事件，当事件触发时，获取当前元素的索引index，然后控制对应索引的图片显示或隐藏。链式编程：
7.其它选择器
获取同级元素：
筛选元素：
属性选择器：
子元素选择器：
表单选择器：
第三部分 jQuery样式操作
修改样式获取样式：css() 接收参数时只写样式名，则返回样式值。
设置单个样式：css()接收的参数是属性名和属性值，以逗号分隔，是设置一组样式，属性必须加引号，值如果是数字可以不用跟单位和引号。
设置多个样式：css() 的参数可以是对象形式，方便设置多组样式。
2.类操作
准备工作：先准备一个HTML网页，然后用jQuery代码对网页进行操作。
addClass()添加类：基本语法$(selector).addClass(className)。
removeClass()移除类：基本语法$(selector).removeClass(className)
3.基本语法
$(selector).toggleClass(className, switch)
4.【案例】Tab栏切换
结果展示：
案例分析：
编写页面结构编写样式通过jQuery实现业务逻辑第四部分 jQuery动画
显示与隐藏效果显示与隐藏的 ：
2.滑动效果
滑动效果常用 ：
下拉菜单展示：
hover() 实现上述功能：基本语法$(selector).hover([over,] out)
3.停止动画
stop() ：基本语法$(selector).stop(stopAll, goToEnd);
4.淡入淡出
淡入淡出常用 ：
5.自定义动画
animate() ：基本语法$(selector).animate(params[, speed][, easing][, fn])
效果展示：
6.【案例】手风琴
案例分析：
编写手风琴效果的页面结构。为不同的方块设置不同的背景颜色。通过jQuery实现交互效果。实现小图片淡出大图片淡入：
第五部分 例题
一、完成如下页面效果。用jQuery方式实现。
二、完成一个折叠式菜单的设计。两种风格都要实现一下。
【要求】：页面HTML、CSS自由设计。要求两种风格都要实现一下。
知识点：各种层次选择器以及层次选择相关的 ，show(),hide(),toggle()三个效果 。
风格一：
每组子菜单，都可以自由显示
风格二：
每次只有一组子菜单显示，其他子菜单隐藏起来。
风格一：
风格二：
