ホームページ > 記事 > ウェブフロントエンド > jQueryでクリックボタンを非表示にする方法
実装方法: 1. click() を使用して、クリック イベントをボタン要素にバインドし、処理関数を設定します。構文は "$("button").click(function(){... });" ;2. 処理関数で、ボタン要素を非表示にするために Hide() を使用します。構文は "$(this).hide();" です。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。
#クリックボタンが消えることを実現するjqueryメソッド:
#実装方法:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $(this).hide(); }); }); </script> </head> <body> <button>点击按钮,点击后消失</button> </body> </html>hide()n は、秒数を表す数値を入力および終了して、隠し効果の速度。
$(this).hide(1000);説明: hide() メソッドは、選択した要素を非表示にします構文:
$(selector).hide(speed,easing,callback)
説明 | |
---|---|
オプション。エフェクトが非表示になるまでの時間を指定します。 | 可能な値:
ミリ秒
|
##オプション。アニメーション内のさまざまなポイントでの要素の速度を指定します。デフォルト値は「スイング」です。 可能な値: |
「swing」 - 最初と最後ではゆっくりと動き、中間では速く動きます
| #コールバック
オプション。 Hide()メソッドの実行後に実行される関数。 | [推奨学習: |
以上がjQueryでクリックボタンを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。