jQuery

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

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

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

構文

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

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

サンプルソース

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

実行サンプル

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

  
要素です。

解説

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 配列かどうか判定する($.isArray)

配列かどうか判定するには、$.isArray()を使用します。 サンプルソース 例)変数aが配列かどうか判定する [cr ...

[jQuery] 指定した要素以外をクリックしたかどうか判定する

指定した要素以外をクリックしたかどうか判定する サンプルソース 例)指定した要素以外をクリックしたかどうか判定するサンプ ...

[jQuery] 要素内のテキストやタグを取得する(.text、.html)

要素内のテキストやタグを取得するには、.text()、.html()を使用します。 構文 (構文) //テキストを取得す ...

[jQuery] 要素から指定した要素の最も近い親要素を取得する(.closest)

要素から指定した要素の最も近い親要素を取得するには、.closest() を使用します。 構文 (構文) .closes ...

[jQuery] セレクタを複数指定する

セレクタを複数指定するには、カンマで区切って複数並べればOKです。 サンプルソース 例)#btn1、#btn2に同じクリ ...

スポンサーリンク