jQuery

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

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

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

構文

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

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

サンプルソース

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

実行サンプル

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

  
要素です。

解説

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] XML文字列をXMLドキュメントに変換する($.parseXML)

XML文字列をXMLドキュメントに変換するには、$.parseXML()を使用します。 サンプルソース 例)XML文字列 ...

[jQuery] フォーカスが外れたイベントを取得する(.focusout)

フォーカスが外れたイベントを取得するには.focusoutを使用します。 サンプルソース 例)フォーカスが外れたイベント ...

[jQuery] jQueryでgetElementByIdと同等の記述をする方法

jQueryでgetElementByIdと同等の記述をする方法です。 サンプルソース JavaScriptでgetEl ...

[jQuery] 画面サイズが変更された時に処理を行う(.resize)

画面サイズが変更された時に処理を行うには、.resize()を使用します。 サンプルソース 例)画面サイズ変更時にコンソ ...

[jQuery] POSTリクエストを送信する($.post)

POSTリクエストを送信するには、$.post()を使用します。 構文 (構文) $.post(<URL> [,<データ ...

スポンサーリンク