jQuery学习日记（三）本文已参与「新人创作礼」活动,一起开启掘金创作之路。 6.动画鼠标经过与离开事件切换动画排

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

6.动画

hover(fn1,fn2);
//鼠标经过触发fn1，离开触发fn2
hover(fn);
//鼠标经过和离开都会触发fn，可与toggle类函数结合简化代码

动画或者效果一旦触发就会执行，如果多次触发，就造成多个动画或者效果非队执行。

stop();
//停止执行上一次动画，因此必须写在动画方法的前面
//如：$(this).children("li").stop().slideToggle();

变化透明度

fadeTo([speed],opacity,[easing],[fn])
//opacity指透明度，取值在0~1之间
//speed必须写

语法：

animate(params,[speed],[easing],[fn]);

参数：

params: 想要更改的样式属性和值，以对象形式传递，必须写。属性名可以不用带引号，如果是复合属性则需要采取驼峰命名法borderLeft。其余参数都可以省略。

注意：

只有元素才能做动画，

所谓元素固有属性就是元素本身自带的属性，比如< a>元素里面的href，比如< input>元素里面的type。

//获得属性值
$(this).prop("属性名")；
//设置属性值
$(this).prop("属性名","属性值")；

//获取自定义属性
$(this).attr("属性名");
//设置自定义属性
$(this).attr("属性名","属性值");

data()方法可以在指定的元素上存取数据，并不会修改DOM元素结构。一旦页面刷新，之前存放的数据都将被移除。

//数据缓存
$("span").data("uname","value");
//获取缓存数据
$("span").data("uname");
//获取h5自定义属性
$("span").data("index");
/*不用写data-，获取的是数字型值*/

html( ) 获取文本内容，包括HTML标签

$(this).html()//不含参，返回文本内容
$(this).html("value")//含参，修改文本内容

val( ) 获取设置表单值

$(this).val()//不含参，返回表单值
$(this).val("value")//含参，修改表单值