JQ一般的に使用される機能

隠す();

< のdiv クラスは= "箱" > ビッグボックス</ DIV > 
$( 'ボックス。')を隠す(5000 ,. 関数(){ はconsole.log( 'HHHHH' ); }); // 非表示()Hは隠すが設けられています。要素 // 5000は5000ms以内に消失した効果とこの素子の実現である // 、関数は5000ms後に呼び出されるコールバック関数コールバックの内部関数である
   パラメータを受信することができない//
   パラメータ//コールバックは時間値と実行の終了後に受信されます

(CSSスタイルを示します)

ブラウザの要素は徐々に消え、コンソール印刷後に消えます

公演();

   .hide- ボックス{ 
        高さ:200pxの。
        背景 -color:RGB(25、99、25 )。
        フォント - サイズ:60PX; 
        テキスト - 揃える:センター;  - 高さ:200pxの。
        色:白; 
        表示:なし; 
    }


     <DIV CLASS = "非表示ボックス">ビッグボックス</ div> 
    <スクリプトSRC = "https://cdn.bootcss.com/jquery/3.4.1/jquery.js"> </ SCRIPT> 

    <SCRIPT> 
        $( 'ボックスを非表示にします。')を表示する(5000、。関数(){ 
            にconsole.log( 'HHHHH' ); 
        }); 
   </ SCRIPT>

ショー();隠しボタンを作ります

栗の場合:

非表示にするには、画像の表示切替を行うために、ボタンをクリックしてください

■は { 
        高さ200pxの
        背景色RGB(25、99、25) 
        フォントサイズ60PX ; 
        テキスト整列センター ; 
        行の高さ200pxの ; 
    } 


    <ボタンクラス= "BTN">ボタン</ button>の
    <divのクラス= "ボックス">大きな箱</ div>

 

$( 'BTN。')をクリック(関数(){ 
            $( '■は')トグル(5000 ,. 関数(){ 
                にconsole.log( 11 ); 
                
            }); 
        }); 
        //は、パラメータを受信することができません
        / / 時間パラメータ、スイッチング時間を受け入れることができ
        、// コールバックを受け入れることができ、コールバックは、ハンドオーバー実行時間を実行します

 

おすすめ

転載: www.cnblogs.com/sandraryan/p/11525968.html