樣式

使用jQuery，無論是設置或者獲取元素樣式都十分簡便。

// 支持駝峰式和分割線式，兩種方式等價(原生javaScript只支持駝峰式）$('h1').CSS('fontSize');$('h1').css('font-size');

//設置樣式$('h1').css('fontSize', '100px');//設置多個樣式$('h1').css({	fontSize: '100px',	color: 'red'});

其實設置多個元素時，給.css()傳入的參數是一個對象，也可以這樣：

var options = {	fontSize: '100px',	color: 'red'};$('h1').css(options);

客戶端分為三層：

• HTML-結構層
  
• CSS-表現層
  
• Javascript-行為層

通常來說，建議使用.css()只用來獲取樣式，而不用來設置樣式。因為使用.css()來設置樣式破壞了客戶端的三層結構，即在行為層混合了表現層的代碼。

最好是定義一系列的CSS類，然后用jQuery給元素增加刪除CSS類：

var $h1 = $('h1');$h1.addClass('big');$h1.removeClass('big');$h1.toggleClass('big');if ($h1.hasClass('big')) {	//do something...}

另外，也可以用jQuery來調整元素的尺寸、位置

//設置$('h1').width('80px');//獲取var width = $('h1').width();	 //80//獲取位置, 返回一個包含元素位置信息的對象$('h1').position();