js第七篇

《hover事件》

注意：这是jquery中独有的事件表示鼠标移上和鼠标离开的综合体。它的内部可以接受两个指令，第一个表示鼠标移上执行的，第二个表示鼠标离开执行。如果只写一个指令表示鼠标移上和离开执行相同命令。

基本格式：

hover(funciton(){},function(){});

如果只写一个指令其实它就等同于鼠标移上。

《筛选选择器中的eq()》

筛选选择器都是写在选择函数之外的所以有一个优势是不需要拆分字符串。其中jquery将一些非常常用的过滤选择器也提出来变成了筛选选择器去使用。

【jq的类控制】

简介：由于在实际工作中对class属性的修改非常常用。所以jq专门准备控制类的一些功能更函数。分别是添加类。删除类，切换类。

addClass(参数1) 添加类； 必须指定要添加的类名称。

removeClass(参数1) 删除类； 如果不填写参数表示删除标签身上所有的类，如果填写参数表示删除指定的类。

toggleClass(参数1) 切换类；表示在删除和添加之间对某一个类进行切换。必须指定参数。

《知识点》

Jquery当中选择器的工作原理；

Jq中的选择器是层层过滤的，不是一步到位的。

《开关按钮》

什么是开关按钮；

当同一个事件类型每次触发执行的是不同的命令的时候这种按钮称之为开关按钮。

简单的说就是事件相同但执行的指令却不相同。

开关按钮事件，注意这也是jquery当中独有的事件类型。

基本结构：

toggle(function(){},function(){}) 表示当第一次单击的时候执行指令1，第二次单击执行指令2. 它的使用方式特别像 hover。

【透明度动画功能组】

《淡入》

fadeIn() 作用实现透明度动画形式的入场；

《淡出》

fadeOut() 实现透明度动画形式的离场；

《透明切换》

fadeToggle() 实现透明度动画切换；

注意事项：以上3个函数都可以传递一个参数来控制动画的时间。

《透明到》

fadeTo(参数1，参数2) 实现半透明；

参数1表示动画时间， 很多时候会写0；可用于马上切换为半透明。

参数2 表示透明度的值 1=100%；

实际上各大浏览器对透明度的兼容性历来是不太好的，但是如果使用jquery中的fadeTo实现的半透明是完全兼容的。

《落空类的经验》

落空类的核心思想是不去直接控制目标本身，它是通过父级来控制目标，这样一个父级可以控制多个子级的样式。这是他的强大之处所在。