ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery のトグルを使用して、Web ページの読み込み後に自動ポップアップ ウィンドウを実装する_jquery

JQuery のトグルを使用して、Web ページの読み込み後に自動ポップアップ ウィンドウを実装する_jquery

WBOY
リリース: 2016-05-16 16:55:17
オリジナル
1299 人が閲覧しました

toggle() イベント 主に要素の表示状態を切り替えます。

1. トグル(スイッチ) ①スイッチは任意の値で、未入力の場合は元の要素が非表示になります。

HTML コード:

コードをコピー コードは次のとおりです:

またこんにちは



jQuery コード:
コードをコピー コードは次のとおりです:

$("p").toggle()

結果:
コードをコピー コードは次のとおりです:

Hello

Hello Again



②スイッチ 値がある場合は TRUE または false です。 TRUE の場合は要素が表示され、FALSE の場合は要素が非表示になります。
HTML
コードをコピー コードは次のとおりです:

こんにちは




JQuery
コードをコピーします コードは次のとおりです:

var i = 0;
$("#b")。 click(function(){
$("#tt").toggle(i %2==0);
});

2. ]) 速度はオプションです。要素はアニメーションの「スライド」方式で表示または非表示になります。[callback] は関数のメソッドです。実行できる。

HTML コード
コードをコピー コードは次のとおりです:

< ;p style ="display: none" id = "t">Hello Again



JQuery コード
コードをコピー コードは次のとおりです:

$("#t").toggle("slow",function(){
alert("123456") );
} );

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