jQuery

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

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

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

構文

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

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

サンプルソース

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

実行サンプル

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

  
要素です。

解説

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] テキストやコメントも対象とした全子要素を取得する(.contents)

テキストやコメントも対象とした子要素を取得するには、.contents() を使用します。 構文 (構文) .conte ...

[jQuery] テーブルの行を追加・削除するサンプル

jQueryでテーブル行を動的に追加・削除するサンプルです。 サンプルソース 例)ボタンを押すと行追加、行クリックで行削 ...

[jQuery] プラグインを自作する

jQueryのプラグインを自作するサンプルです。 構文 プラグインは以下の構文で記述します。 (構文) (functio ...

[jQuery] 要素を削除する(.empty)

要素を削除するには、.empty()を使用します。 サンプルソース 例)ボタンを押すとid="list1"要素を削除する ...

[jQuery] 画像読込み失敗時に代替画像を表示する

画像読込み失敗時に代替画像を表示するサンプルです。 サンプルソース 例)画像aa.png読込みエラー時には、bb.png ...

スポンサーリンク