jquery - 我应该将单位“px”添加到 jQuery 的 css 函数中的数值吗？

Question

以下有什么区别吗？

$(elem).css({ height : 100 })

$(elem).css({ height : 100+'px' })

我在谷歌搜索了很长时间，但没有找到答案。在 jquery.com 上有 px 和整数值的示例......浏览器或操作系统有什么不同吗？

Answer 1

jQuery 自动将单位“px”（作为默认单位）添加到大多数 css 属性的所有数字，包括“高度”：

请参阅src/css.js中的第 221 行

// If a number was passed in, add 'px' to the (except for certain CSS properties)
if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
    value += "px";
}

!jQuery.cssNumber[ origName ]不包括以下 CSS 属性：

• 列数
• 填充不透明度
• 字体重量
• 线高
• 不透明度
• 孤儿
• 寡妇
• z索引
• 飞涨

（旁注：如果您一开始像我一样对排除“lineHeight”感到惊讶：没有单位的数字将乘以当前字体大小以设置行高- 所以属性存在差异' line-height' 当你指定/省略单位时）