我們知道HTML樣式定義的三種方式：

<link/>外部引入也就是定義 CSS 中的
<style/>嵌入式樣式
style特性地定義

給一個HTML元素設置css屬性，如：

var head= document.getElementById("head");
head.style.width = "20px";
head.style.height = "10px";
head.style.display = "block";

這是 DOM2 級樣式提供的 API 了，這里總的來說還涉及了3個問題，當然也是 jQuery 內部需要解決與優化的問題。

1.單一的設置太麻煩，而且每次style一次就等于瀏覽器要繪制一次，當然高級的瀏覽器是可能會合并 style 的次數的
2.style 接口只能針對行類樣式，對于 link 引入的樣式，無法獲取
3.樣式屬性名的兼容問題，比如駝峰，保留字 float

樣式規則

任何支持 style 特性的 HTML 元素在 js 中有一個對象的 style 屬性，其實也是一個實例，但是內部屬性命名都是采用的駝峰形式的，比如 background-image 要寫成  backgroundImage，其中一個是比較特殊的就是 float，保留字嘛所以就換成 cssFloat，IE : styleFloat，然后對于width、hight這些處理都最好要有一個量度單位。

合并cssText

可能針對一種情況給出的處理就是 cssText 合并。

var head= document.getElementById("head");
head.style.cssText="width:20px;height:10px;display:bolck";

和 innerHTML 一樣，cssText 很快捷且所有瀏覽器都支持。此外當批量操作樣式時，cssText 只需一次 reflow，提高了頁面渲染性能。當然如果是在創建的時候，我們還可以利用文檔碎片，缺點自然就是樣式被整體覆蓋了，所以在處理的時候應該要先獲取需要保留的樣式然后再拼接起來。

樣式訪問

之前說過了 style 只能獲取行類樣式了，那么CSS外部樣式表定義的樣式如何處理？

DOM2 規范增加了 defauleView 接口，提供了 getComputedStyle() 方法可以返回了類似 style 屬性的 css 的屬性合集

getComputedStyle與style的區別

區別就在于 getComputedStyle 是只能讀的，style是可以可讀可寫的。

看看jQuery的：

elem.ownerDocument.defaultView.getComputedStyle(elem, null);

實際就是：

function getStyles( elem ) {
   return window.getComputedStyle( elem, null )
}

沒有defauleView前綴，查了下在瀏覽器中，該屬性返回當前 document 對象所關聯的 window 對象，如果沒有，會返回 null，應該就能直接window調用了。當然啦，IE 這個老大反正就不怎么守規矩了，getComputedStyle 方法 IE6~8 是不支持，所以自己弄出來了currentStyle，處理類似 style 的處理了，jQuery2X 可以無視IE9以下的兼容了，所以這個略過。

以上就是樣式操作需要了解的基礎，那么總的來說 jQuery 需要的處理問題就顯而易見了。

1 參數傳遞
2 命名規范
3 訪問規則
4 性能優化