jQueryでdivの高さと幅とマージン、パディング、枠線を設定


html
<div class="panel">パネル1</div>
<div class="panel">パネル2</div>

上のdivの要素を全て下の設定で表示する。下のjQueryではこれが上の段、下の段が上で設定した値を取得して2倍に拡大する設定である。
varでtagを宣言してpanelの値を取得する。そのtagの値に対して2倍にする。


jQuery
$('div').width(100).height(100).css({'margin' : '3px','padding' : '3px','border' : '1px solid #000','float' : 'left','margin' : '3px',}).text('元の大きさ')

var tag=$('div.panel');
tag.width(tag.width()*2).height(tag.height()*2)
.text('幅と高さを2倍に拡大');
パネル1
パネル2