我应该将单位'px'添加到jQuery的css函数中的数值吗？

Question

以下是否有任何区别？

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

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

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

Answer 1

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

见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属性：

• 信息columnCount
• fillOpacity
• fontWeight设置
• lineHeight是
• 不透明度
• 孤儿
• 寡妇
• zIndex的
• 变焦

（旁注：如果你像我一样对排除“lineHeight”感到有些惊讶：a number without a unit will be multiplied with the current font size to set the line height - 所以当你指定/省略时，属性'line-height'会有所不同单元）