净捡软柿子捏--jQuery效果

我只是一个搬运工，从http://www.w3school.com.cn/搬到一个博客里，期望能搬的时候嚼碎，不行就在这个有归属感的代码海里再慢慢嚼

slideToggle，fadeToggle

toggleClass()可加函数：比单纯的addClass()，removeClass()复杂

toggle：hide()-show()

 

-----------------今天学习了jQuery的滑动、隐藏-------------------

注:元素是还在的，只是改了display属性

>slideUp(speed,callback);   可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast"(注意加引号)或毫秒。

>slideDown(speed,callback);可选的 callback 参数是滑动完成后(100%)所执行的函数名称(不带参数)或者是方法体。

>slideToggle() 通过使用滑动效果（高度变化）来切换元素的可见状态。即在 slideDown() 与 slideUp() 方法之间进行切换。

　　>>现象：如果元素向下滑动，则 slideToggle() 可向上滑动它们。

　　>>现象：如果元素向上滑动，则 slideToggle() 可向下滑动它们。

-----------------------------------------------------------------------------------------------------

>fadeIn(speed,callback);   可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast"(注意加引号)或毫秒。

>fadeOut(speed,callback);可选的 callback 参数是fading 完成后(100%)所执行的函数名称(不带参数)或者是方法体。

>fadeToggle()在 fadeIn() 与 fadeOut() 方法之间进行切换。

 　　>>现象：如果元素已淡出，则 fadeToggle() 会向元素添加淡入效果。

 　　>>现象：如果元素已淡入，则 fadeToggle() 会向元素添加淡出效果。

  eg: 

$("#div2").fadeToggle("slow",function(){
    alert("123");
});

 

演示带有不同参数的 fade方法。

点击这里，使三个矩形淡入,slow淡入，3000ms淡入
点击这里，使三个矩形淡出,slow淡出，3000ms淡出
点击这里，使三个矩形淡入淡出不知道为什么alert内容只在控制台出现

aaa

bbb

ccc

 

转载于:https://www.cnblogs.com/yumeixin/p/4978078.html