このサイトは、主にjQueryに関連する内容を淡々と書きとめたものです。
初期化時にダイアログボックスのサイズを設定する。
/* 幅（省略時は300）と高さ（省略時は'auto'）を指定 */
$( '#dialog1' ).dialog( { width: 500, height: 400 } );
/* 最小幅（省略時は150）と最少高さ（省略時は150）を指定 */
$( '#dialog1' ).dialog( { minWidth: 400, minHeight: 200 } );
/* 最大幅（省略時はfalse）と最大高さ（省略時はfalse）を指定 */
$( '#dialog1' ).dialog( { maxWidth: 800, maxHeight: 600 } );
/* リサイズ不可（省略時はtrue（リサイズ可））に設定 */
$( '#dialog1' ).dialog( { resizable: false } );
jQuery UIのダイアログボックスで、サイズに関連するプロパティはこの7種類。幅および高さで指定する値はピクセル値（数値だけでよい）、resizableにはtrueまたはfalseを指定する。
idがleft-sideの要素の高さを100pxにする。
$( '#left-side' ).height( 100 );$( '#left-side' ).attr( 'style', 'height:100px;' );とほぼ同じ効果だが、height関数はほかのstyle属性の値を気にしなくていい。
idがperfの選択された値を取得する。
/* single selection */
var perf = $( 'select#perf option:selected' ).val();
/* multiple selection */
var perf = new Array();
$( 'select#perf option:selected' ).each( function () {
perf.push( $(this).val() );
} );
複数選択の場合は、$( 'select#perf option:selected' ).lengthで選択数を取得できる。
idがpost-1の要素の高さを取得する。
var height = $( '#post-1' ).height();
取得できる高さはピクセル値で、上下のpadding分は含まれていない。例えばその要素の高さが50pxでpaddingが10pxの場合は、取得できる高さの値は50となる（jQuery 1.7.1でIE7～9、Chrome 16、Firefox 9、Safari 5.1、Opera 11.60で確認）。なおheight関数は、$( window ).height()と記述することでブラウザの表示領域の高さを、$( 'body' ).height()とすることでドキュメントの高さ（長さ）を取得できる。
