jQueryのSHOWとは？

jQueryのshow()メソッドは、非表示状態にある要素を表示する便利な機能です。通常、show(speed, [callback])として使用し、アニメーションを伴う表示が可能ですが、基本的なshow()を使用するとアニメーションなしで即座に表示が行われます。なお、要素が既に表示されている場合には、何も起こりません。

show()メソッドの基本的な使い方

show()メソッドは、選択した要素をすぐに表示するための最もシンプルな方法です。これは、通常はCSSで設定されたdisplay: none;を元に戻す役割を果たします。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>jQuery Showメソッドの例</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>

<button id="showButton">表示する</button>
<div id="myElement" style="display:none;">こんにちは、世界！</div>

<script>
    $(document).ready(function(){
        $("#showButton").click(function(){
            $("#myElement").show();
        });
    });
</script>

</body>
</html>

引用記事

更に詳しい情報については、次のリソースを参照してください。

上記の例では、ボタンをクリックすると、非表示になっているdiv要素が即座に表示されるというシンプルな動作を示しています。このように、show()メソッドを使用することで、要素を短時間で表示することができます。

その他の参考記事:jquery show slow