「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’)」を記述しており、ゆっっくり要素が非表示になります。