「jQuery」hide()で引数に文字列を設定するサンプル

環境
Google Chrome 103.0.5060.134
jquery 3.6.0

構文
対象要素.hide(文字列);
対象要素.hide( ミリ秒, 文字列);
fast:素早く非表示にします
slow:ゆっっくり非表示にします
swing:デフォルトの非表示スタイル
linear:一定の速度で非表示にします

使用例

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>

<div id="cf">テキスト222228888</div>
<p id="cf2">5678テキスト22222</p>
<p id="cf3">668899テキスト22222</p>
<button>動作</button>

<script>
    $('button').click(function() {
           $('#cf').hide('fast');
           $('#cf2').hide('slow');
           $('#cf3').hide(3000, 'linear');
    })
</script>
</body>
</html>

実行結果

div要素cfには「hide(‘fast’)」を記述しており、素早く要素が非表示になります。
p要素cf2には「hide(‘slow’)」を記述しており、ゆっっくり要素が非表示になります。

 

jQuery

Posted by arkgame