ホームページ > 記事 > ウェブフロントエンド > jqueryの要素の高さを変更できる関数は何ですか?
要素の高さを変更できる jquery の関数: 1. height()、一致する要素の高さを設定できます。構文は「$(selector).height (height value)」です。2. css()、構文「$(セレクター).css("高さ","高さの値")」。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。
##要素の高さを変更できる jquery の関数
##1.Height() 関数height() メソッドは、一致する要素の高さを設定します。
構文:
$(selector).height(length)
<!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() { $("div").height(100); }); }); </script> <style type="text/css"> div { height: 50px; border: 1px solid red; } </style> </head> <body> <div></div> <br /><br /> <button>改变div元素的高度</button> </body> </html>2. css() 関数
css( ) メソッドは、一致する要素のスタイル属性を設定します。
文法:
$(selector).css(name,value)
<!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() { $("div").css("height","200px"); }); }); </script> <style type="text/css"> div { height: 50px; border: 1px solid red; } </style> </head> <body> <div></div> <br /><br /> <button>改变div元素的高度</button> </body> </html>
推奨される関連チュートリアル:
jQuery ビデオ チュートリアル以上がjqueryの要素の高さを変更できる関数は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。