动画效果 属性操作

1.hover事件的用法

规定当鼠标指针悬停在被选元素上时要运行的两个函数，鼠标经过和离开的合并写法，执行方法中第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果

2.jQuery对属性的操作用法

prop（）元素固有属性就是元素本身的属性，a元素里面的href，input里面的type，获取元素不写属性值，设置元素写属性值，比较适合表单操作
attr（）用户自己给元素添加的属性，是自定义属性，例子：div添加index=“1”
获取属性语法 attr（“属性”）
设置属性语法 attr（“属性”，“属性值”） 更适合操作自定义属性
date（）方法可以在指定元素上存取数据，并不会修改dom结构，页面刷新，之前存放的数据将被移除
缓存数据（“属性名”，“属性值”）
获取数据（“属性名”）可以读取HTML5自定义属性data-index，得到的是数字型，获取他的时候不用加date

3.jQuery动画效果函数用法

动画效果函数有：显示隐藏、滑入滑出、淡入淡出、自定义动画、停止动画队列

显示和隐藏：show（）hide（）toggle（）
show（【speed，【easing】,【fn】】）
hide（【speed，【easing】，【fn】】）平时一般不带参数，直接隐藏
toggle（【speed，【easing】，【fn】】）

参数可以省略，无动画显示，speed：三种速度：slow、normal、fast或者毫秒值1000
easing：用来切换效果默认是swing 可用linear
fn：回调函数，在动画完成时执行函数，每个元素执行一次

滑入滑出：slideDown（）slideUp（）slideToggle（）
slideDown（【speed，【easing】，【fn】】）
slideUp（【speed，【easing】，【fn】】）
slideToggle（【speed，【easing】，【fn】】）

参数可以省略，无动画显示，speed：三种速度：slow、normal、fast或者毫秒值1000
easing：用来切换效果默认是swing 可用linear
fn：回调函数，在动画完成时执行函数，每个元素执行一次
淡入淡出：fadeIn（）fadeOut（）fadeToggle（）fadeTo（）

fadeIn（【speed，【easing】，【fn】】）
fadeOut（【speed，【easing】，【fn】】）
fadeToggle（【speed，【easing】，【fn】】）
fadeTo（【speed，【easing】，【fn】】）

参数可以省略，无动画显示，speed：三种速度：slow、normal、fast或者毫秒值1000
easing：用来切换效果默认是swing 可用linear
fn：回调函数，在动画完成时执行函数，每个元素执行一次
自定义动画：animate（）
animate（params,[speed],[easing],[fn]）
params:想要更改样式属性，以对象形式传递，必须写，属性名可以不用带引号，如果是复合属性则需要采取驼峰命名法borderLeft
参数可以省略，无动画显示，speed：三种速度：slow、normal、fast或者毫秒值1000
easing：用来切换效果默认是swing 可用linear
fn：回调函数，在动画完成时执行函数，每个元素执行一次
停止动画排队：动画或者效果一旦出发就会执行，如果多次触发，就会造成多个动画或者效果排队执行
停止动画排队的方法为stop（）；
stop（）用于停止动画或效果
stop（）写到动画或者效果的前面，相当于停止结束上一次的动画
先调用stop（），在调用动画