净捡软柿子捏--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方法。



不知道为什么alert内容只在控制台出现
aaa

bbb

ccc
原文地址:https://www.cnblogs.com/yumeixin/p/4978078.html