CSS 操作

渲染值

如果使用了響應單元(如 auto%vw 等),.css() 將返回 px 中的實際渲染值

.myElement{ width: 20%; }
var width = $(".myElement").css("width"); // "123px" 

格式化屬性和值

**** 可以使用標準 CSS 格式作為 String 或使用 camelCase 來定義屬性 ****

"margin-bottom"
marginBottom

應以 String 表示。jQuery 在內部將數值視為 px 單位

.css(fontSize: "1em")
.css(fontSize: "16px")
.css(fontSize: 16)      // px will be used

從 jQuery 3 開始,避免使用 .show().hide()

根據這個 jQuery 部落格文章 ,由於開銷和效能問題,你應該不再使用 .show().hide()

如果樣式表中的元素設定為 display: none,則 .show() 方法將不再覆蓋該元素。因此,遷移到 jQuery 3.0 最重要的規則是:不要使用樣式表來設定 display: none 的預設值,然後嘗試使用 .show() - 或任何顯示元素的方法,例如 .slideDown().fadeIn()–使其可見。如果你需要預設隱藏元素,最好的方法是在元素中新增類似 hidden 的類名,並在樣式表中將該類定義為 display: none。然後,你可以使用 jQuery 的 .addClass().removeClass() 方法新增或刪除該類來控制可見性。或者,在元素顯示在頁面上之前,你可以在元素上使用 .ready() 處理程式呼叫 .hide()。或者,如果你確實必須保留樣式表預設值,