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