要素を非表示に設定する
Jquery メソッド: 1. 要素を非表示に設定するには、「$(selector).hide();」メソッドを使用します; 2. 「$(selector). show();" メソッドを使用して要素を表示し、toggle メソッドを使用して非表示メソッドと表示メソッドを切り替えます。
このチュートリアルのデモ環境: Windows7 システム、jquery1.2.6 バージョン、Dell G3 コンピューター。
要素の可視性を設定する Jquery メソッド: $(selector).hide(); メソッドを使用して、要素を次のように設定できます。 (selector).show(); メソッドは要素を表示するように設定し、toggle() メソッドを使用して Hide() メソッドと show() メソッドを切り替えることができます。
要素の可視性を設定する jquery の方法の紹介:
指定した要素をすぐに表示する
$(selector).show();
指定した要素をすぐに非表示にする
$(selector).hide();
例:
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); }); </script> </head> <body> <p id="p1">如果点击“隐藏”按钮,我就会消失。</p> <button id="hide" type="button">隐藏</button> <button id="show" type="button">显示</button> </body> </html>
toggle() メソッドを使用して、hide() メソッドと show() メソッドを切り替えることができます。
非表示の要素を表示し、表示されている要素を非表示にする:
$("button").click(function(){ $("p").toggle(); });
以上がjqueryで要素を非表示に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。