jQuery效果
显示隐藏
● 显示show( [speed,[easing],[fn] ] )
● 1、里面的参数均可省略,无动画直接显示(一般情况下都不加参数,因为这些动画太丑了)
● 2、speed。值可以是字符串(slow,normal,fast),也可以是表示动画时长的毫秒数(如1000)
● 3、easing。用来指定切换效果,默认是swing(先慢,再快,后慢),还可选linear(匀速的)
● 4、fn回调函数,在动画完成时执行的函数,每个函数执行一次
隐藏hide([speed,[easing],[fn]] )
● 参数同show
切换toggle([speed,[easing],[fn]] )
● 参数同show
● 元素切换:元素显示则隐藏,元素隐藏则显示
滑动
● 上拉滑动slideDown( [speed,[easing],[fn] )
● 下拉滑动slideUp( [speed,[easing],[fn] )
● 切换滑动slideToggle( [speed,[easing],[fn] )
淡入淡出(透明度的慢慢变化)
● fadeIn([speed, [easing], [fn] )
● 参数同上
● fadeOut([speed, [easing], [fn] )
● fadeToggle([speed, [easing], [fn] )
● fadeTo(speed, opacity, [easing], [fn] )
● 渐进的方式调整到指定的不透明度(参数opacity取值在0~1,speed和opacity不可省略)
自定义动画
● animate(params, [speed], [easing], [fn] )
● params:想要更改的样式属性,以对象的形式传递。 属性名可以不带引号,复合属性要用驼峰命名法(该参数不可省略,其余参数可省)
鼠标经过、离开事件的复合写法-->事件切换hover
● 语法:$('选择器').hover(over, out);
● over:鼠标移动到元素上要触发的函数(相当于mouseenter)
● out:鼠标离开元素时要出发的函数(相当于mouseleave)
● $('选择器').hover(fn); 如果只写一个函数,则鼠标经过和离开都会触发这个函数
jQuery停止动画/效果排队stop
● jQuery动画和效果队列:动画或者效果一旦触发就会执行。如果多次触发,就造成多个动画和效果排队执行
● 停止排队stop( )
● stop( )方法用于停止动画或者效果
● 注意:stop( )写在动画或者效果的前面,相当于停止、结束上一次动画或者效果(上一次动画不执行了,只执行最新的一次,就能保证不论触发多少次,都执行一次动画或者效果)
4、jQuery属性操作
设置或者获取元素固有属性值
● 固有属性就是元素自带的属性,如的href,里面的type