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()。或者，如果你确实必须保留样式表默认值，