首頁 > web前端 > 前端問答 > jQuery中css()和addclass()有啥區別

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

青灯夜游
發布: 2021-12-29 16:26:27
原創
2363 人瀏覽過

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

jQuery中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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板