jQuery効果の非表示、表示、フェードアウト、スライド、コールバック

1414 ワード

一、表示、非表示
$(selector).hide(speed,callback);//  ,        height、width、margin、opacity             0  
                                 // display    none
$(selector).show(speed,callback);//  ,   hide  
$(selector).toggle(speed,callback);//  /    

オプションのspeedパラメータは、「slow」、「fast」、またはミリ秒の値をとることができる非表示/表示の速度を規定します.
オプションのcallbackパラメータは、完了後に実行される関数名を非表示または表示します.
二、フェードアウト
$(selector).fideOut(speed,callback);//  ,    opacity             0   display    none
$(selector).fideIn(speed,callback);//  ,   fideOut  
$(selector).fideToggle(speed,callback);//  /  

オプションのspeedパラメータは、「slow」、「fast」、またはミリ秒の値をとることができる非表示/表示の速度を規定します.
オプションのcallbackパラメータは、完了後に実行される関数名を非表示または表示します.
三、スライド
$(selector).slideUp(speed,callback);//  ,        height、width、margin、margin-  
                                    //           0   display    none
$(selector).slideDown(speed,callback);//  ,   fideOut  
$(selector).slideToggle(speed,callback);//  /  

オプションのspeedパラメータは、「slow」、「fast」、またはミリ秒の値をとることができる非表示/表示の速度を規定します.
オプションのcallbackパラメータは、完了後に実行される関数名を非表示または表示します.
四、jQueryメソッドリンク
同じ要素で複数のjQueryコマンドを実行し、1つは別の要素に続きます.
$("p").css("colot","red").slideUp(2000).slideDown(2000);
  
$("p").css("color","red")
      .slideUp(2000)
      .slideDown(2000);