jQ_要素の表示・非表示

06要素の表示・非表示

要素を非表示にしたいときは、hideメソッドを使います。

<div class="box">テキスト</div>

// boxクラスの要素をすべて非表示にする
$('.box').hide();

// boxクラスの要素をすべて表示する
$('.box').show();

表示、非表示を切り替えたいだけのときは、toggleメソッドが使えます。

<button type="button" class="my-button">表示切り替え</button>
<div class="box">テキスト</div>

$('.my-button').on('click', () => {
  $('.box').toggle();
});

投稿日

2024年7月19日

カテゴリー:

投稿者:

prodemia-admin-user

タグ: