変更方法: 1. css() メソッド、構文 "$(selector).css("visibility","new value")" を使用します; 2. attr() メソッド、構文を使用します"$(selector" ).attr("style","visibility:new value;")"。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。
visibility 属性は、要素が表示されるかどうかを指定します。設定できる属性値:
Description | |
---|---|
デフォルト値 。要素が表示されます。 | |
要素は非表示です。 | |
テーブル要素でこの値を使用すると、行または列が削除されますが、テーブルのレイアウトには影響しません。行または列が占めていたスペースは、他のコンテンツのために解放されます。この値が別の要素で使用される場合、その値は「非表示」として表示されます。 |
jquery は可視性属性を変更します
1. css( ) メソッド
$(selector).css("visibility","新值");
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("#box").css("visibility","hidden"); }); }); </script> <style></style> </head> <body> <p>可见的段落</p> <p id="box" style="visibility: visible;">可见的段落</p> <p>可见的段落</p> <button>修改visibility属性</button> </body> </html>
2. attr() メソッドを使用します
$(selector).attr("style","visibility:新值;")
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("#box").attr("style","visibility:visible;"); }); }); </script> <style></style> </head> <body> <p>可见的段落</p> <p id="box" style="visibility: hidden;">隐藏的段落</p> <p>可见的段落</p> <button>修改visibility属性</button> </body> </html>
jQuery ビデオ チュートリアル 、Web フロントエンド開発ビデオ ]
以上がjqueryで可視性属性を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。