ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery エフェクト - toggle() メソッドの紹介

jQuery エフェクト - toggle() メソッドの紹介

零下一度
リリース: 2017-06-26 14:56:21
オリジナル
1183 人が閲覧しました

jQuery 効果 - toggle() メソッド

$(".btn1").click(function(){  $("p").hide();});
ログイン後にコピー

定義と使用法

toggle() メソッドは、要素の表示状態を切り替えます。

選択した要素が表示されている場合は、これらの要素を非表示にします。選択した要素が非表示になっている場合は、これらの要素を表示します。

構文

$(selector).toggle(speed,callback,switch)
ログイン後にコピー
コールバック コールバックの詳細については、jQuery コールバックの章をご覧ください。 スイッチヒントとメモ
パラメータ 説明
速度

オプション。要素が表示から非表示に (またはその逆に) 切り替わる速度を指定します。デフォルトは「0」です。

可能な値:

  • ミリ秒 (例: 1500)

  • 「通常」

  • 「高速」

  • 設定された速度、要素は In から表示されます非表示のプロセスでは、高さ、幅、マージン、パディング、透明度が徐々に変更されます。

  • このパラメータが設定されている場合、switchパラメータは使用できません。

オプション。トグル関数の実行後に実行される関数。

このパラメータは速度パラメータが設定されていないと設定できません。

はオプションです。ブール値。選択したすべての要素を表示または非表示に切り替えるかを指定します。

True - すべての要素を表示します

  • False - すべての要素を非表示ます

  • このパラメータが設定されている場合、speed パラメータと callback パラメータは使用できません。

注: この効果は、jQuery によって非表示になっている要素、または CSS で宣言されている display:none を持つ要素 (ただし、visibility:hidden を持つ要素には影響しません) に作用します。

$(".btn1").click(function(){

$("p").toggle(1000);

});

$(document).ready(function(){
$(" .btn1").click(function(){
$("p").toggle(true);

});

});

以上がjQuery エフェクト - toggle() メソッドの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート