CSS, Styling, & Dimensions

取得CSS屬性：

// 駝峰模式 fontSize 等同連字元連線形式 font-size
$( "h1" ).css( "fontSize" ); // 返回如： "19px" 的字串
 
$( "h1" ).css( "font-size" );

設定CSS屬性：

$( "h1" ).css( "fontSize", "100px" ); // 設定單個屬性
 
// 設定多個屬性
$( "h1" ).css({
    fontSize: "100px",
    color: "red"
});

使用CSS class設定樣式：

var h1 = $( "h1" );
 
h1.addClass( "big" );
h1.removeClass( "big" );
h1.toggleClass( "big" );
 
if ( h1.hasClass( "big" ) ) {
    ...
}

Dimensions (尺寸)：

完整文件：Dimensions Documentation

// 基本方法
// 設定所有 <h1> 元素的寬度
$( "h1" ).width( "50px" );
 
// 取得第一個 <h1> 元素的寬度
$( "h1" ).width();
 
// 設定所有 <h1> 元素的高度
$( "h1" ).height( "50px" );
 
// 取得第一個 <h1> 元素的高度
$( "h1" ).height();

// 返回一個物件
// 該物件包含第一個 <h1> 元素相對於"offset (positioned) parent"的位置資訊
$( "h1" ).position();