jQueryオブジェクト .hide()

要素を表示させない。

構文

hideメソッドには、同じ名前で引数が異なるオーバーロード（多重定義）された複数のメソッドが存在する。

jQueryObject.hide()

jQueryObject.hide(duration)

jQueryObject.hide(complete)

jQueryObject.hide(duration, complete)

jQueryObject.hide(options)

duration

アニメーションの時間(ミリ秒)。省略した場合は、アニメーションしない。

<button id="b1">hide</button>
<button id="b2">show</button>
<img src="portrait.jpg" id="i1">
<script>
  $(function() {
    $('#b1').click(function() {
      $('#i1').hide(1000);
    });
    $('#b2').click(function() {
      $('#i1').show();
    });
  });
</script>

hide show

complete

アニメーションが完了したら呼び出されるコールバック関数を指定する。

<button id="b3">hide</button>
<img src="portrait.jpg" id="i2">
<script>
  $(function() {
    $('#b3').click(function() {
      $('#i2').hide(function(){
        $('#i2').show()
      });
    });
  });
</script>

hide

options

フェードアウトのオプションをオブジェクトで指定する。

参考文献

OpenJS Foundation (2022) .hide() | jQuery API Documentation