jQuery中css()和addclass()有啥區別

區別：1、css()的靈活性比addclass()高，css()可以很容易動態的去改變一個樣式的屬性；2、addClass()不能取得到指定樣式的樣式值，而css()可以取得；3、css()設定的樣式屬性優先權要高於addClass()。

本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。

css()和addclass()的區別

可維護性：

. addClass()的本質是透過定義個class類別的樣式規則，為元素增加一個或多個類別。 css方法是透過JavaScript大量程式碼進行改變元素的樣式

透過.addClass()我們可以批次的給相同的元素設定統一規則，變動起來比較方便，可以統一修改刪除。如果通過.css()方法就需要指定每一個元素是一一的修改，日後維護也要一一的修改，比較麻煩

##彈性：

#透過.css()方式可以很容易動態的去改變一個樣式的屬性，不需要在去繁瑣的定義個class類別的規則。一般來說在不確定開始佈局規則，透過動態產生的HTML程式碼結構中，都是透過.css()方法處理的

樣式值：

.addClass()本質只是針對class的類別的增加刪除，不能取得到指定樣式的屬性的值，.css()可以取得到指定的樣式值。

樣式的優先權：

css的樣式是有優先權的，當外部樣式、內部樣式和內聯樣式相同樣式規則同時套用於同一個元素的時候，優先權如下

外部样式 < 内部样式 < 内联样式

• .addClass()方法是透過增加class名稱的方式，那麼這個樣式是在外部檔案或是內部樣式中先定義好的，等到需要的時候在附加到元素上

• 透過.css()方法處理的是內聯樣式，直接透過元素的style屬性附加到元素上的

透過

.css方法設定的樣式屬性優先權要高於.addClass方法

總結：

.addClass與.css方法各有利弊，一般是靜態的結構，都確定了佈局的規則，可以用addClass的方法，增加統一的類別規則

如果是動態的HTML結構，在不確定規則，或經常變化的情況下，一般多考慮.css()方式

相關影片教學推薦：

jQuery教學（影片）

以上是jQuery中css()和addclass()有啥區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！