width(), height() [jQuery]|Ajax入門|Ajaxの基礎と応用の学習|StudyNet

HOME > jQuery > width(), height() [jQuery]

width(), height() [jQuery]

width(), height()は、要素の横幅と縦幅を設定するｊQueryのメソッドです。

[サンプル]

HTML内のidがareaの所に横500px、縦100pxのボックス領域を作る例です。同時にjQueryのメソッドチェーンを使って、ボックス領域のスタイルと文字を設定しています。

HTML

<div id="area"></div>

JavaScript

 $(document).ready(function(){
   $('#area').width(500)
            　  .height(100)
                .css({'border':'1px solid',
                        'background-color':'#ccc',
                        'padding':'3px'})
                .html('データ領域')
 });

ブックマーク登録：