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()。或者，如果你確實必須保留樣式表預設值，