jQuery

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

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

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

構文

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

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

サンプルソース

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

実行サンプル

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

  
要素です。

解説

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] テーブルの行数を取得する

jQueryでテーブルの行数を取得するサンプルです。 サンプルソース 例)ボタンを押すとテーブルの行数をアラート表示する ...

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

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

[jQuery] セレクトボックスの要素をセットする

jQueryでセレクトボックスの要素をセットするサンプルです。 サンプルソース 例)ボタンを押すとセレクトボックスの要素 ...

[jQuery] 配列内の要素の有無を判定する($.inArray)

配列内の要素の有無を判定するには、inArrayを使用します。 サンプルソース 例)数値配列arrに、3が存在するか判定 ...

[jQuery] フォーカスが当たったイベントを取得する(.focusin)

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

スポンサーリンク