【JQuery】JQuery学习笔记:JQuery基本效果方法汇总

1,jQuery隐藏,hide:                             【注】:speed取值:"slow"、"fast" 或毫秒

     $(selector).hide(speed,callback);       

2,jQuery显示,show:

     $(selector).show(speed,callback);   

3,jQuery显示和隐藏切换,toggle:

      $(selector).toggle(speed,callback);  

4,jQuery淡入(显示)fadeIn:

      $(selector).fadeIn(speed,callback);   

5,jQuery淡出(隐藏)fadeOut:

      $(selector).fadeOut(speed,callback);   

6,jQuery淡出和淡出切换,fadeToggle:

      $(selector).fadeToggle(speed,callback);  

7,jQuery透明度渐变,fadeTo:

      $(selector).fadeTo(speed,opacity,callback);     opacity取值:0-1

8,jQuery向下滑动,slideDown:

     $(selector).slideDown(speed,callback);

9,jQuery向上滑动,slideUp:

     $(selector).slideUp(speed,callback);

10,jQuery滑动切换,slideDown:

     $(selector).slideDown(speed,callback);

11,jQuery动画,animate:    需要把元素的 CSS position 属性设置为 relative、fixed 或 absolute

    $(selector).animate({params},speed,callback);   

     结束动画的最终样式,params写法:

            1)操作多个属性:CSS样式,键值对写法;

            2)使用相对值:在值的前面加上 += 或 -=;

            3)使用预定义的值:可以把属性的动画值设置为 "show"、"hide" 或 "toggle";

            4)使用队列:改元素定义多个animate,会逐个执行,可以设置speed;

12,jQuery停止动画,stop:

    $(selector).stop(stopAll,goToEnd);  

     可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行;

     可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false,一般两个参数都不用写;

【备注】以上函数,基本都是有回调函数的;Callback  在function中可以进行相关的提示和操作!

    其他的效果,未完待续。。。。

猜你喜欢

转载自blog.csdn.net/godsor/article/details/83446784