ホーム > height (全3件)
  • 要素の高さを設定する

    idがleft-sideの要素の高さを100pxにする。

    $( '#left-side' ).height( 100 );

    $( '#left-side' ).attr( 'style', 'height:100px;' );とほぼ同じ効果だが、height関数はほかのstyle属性の値を気にしなくていい。

  • プルダウンメニュー(select要素)の選択された値を取得する

    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()とすることでドキュメントの高さ(長さ)を取得できる。