jQuery

[jQuery] 画面の要素を表示したり消したりする(.hide、.show)

投稿日:2017年5月18日 更新日:

jQueryを使って画面の要素を表示したり消したりするには、hideshowを使用します。

構文

hideとshowの構文です。引数にはアニメーションする時間をミリ秒で指定します。

(構文)
//要素を1秒間かけて非表示にする $('#view').hide(1000); //要素を1秒間かけて表示する $('#view').show(1000);

サンプルソース

例)div要素を表示したり非表示にしたりする

実行サンプル

ボタンを押すと1秒かけて要素が隠れたり表示したりします。

  
要素です。

解説

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] オブジェクト(連想配列)から条件指定して要素を取り出す($.grep)

オブジェクト(連想配列)から条件指定して要素を取り出すには、$.grep()メソッドを使用します。 サンプルソース 例) ...

[jQuery] 要素が生成されてからの時間を取得する(event.timeStamp)

要素が生成されてからの時間を取得するには、event.timeStampを使用します。 サンプルソース 例)ボタンが生成 ...

[jQuery] 要素の表示非表示を切り替える(.toggle)

要素の表示非表示を切り替えるには、.toggle()を使用します。 サンプルソース 例)ボタンを押す毎に、要素(id=" ...

[jQuery] イベントを削除する(.off)

イベントを削除するには、offを使います。 サンプルソース 例)ボタン2をクリックすると、ボタン1のクリックイベントを削 ...

[jQuery] クリックする毎に画像を切り替える

クリックする毎に画像を切り替えるサンプルです。 サンプルソース 例)クリックする毎に画像を切り替える [crayon-5 ...

スポンサーリンク