jQuery的CSS属性名称不一致

Question

为什么属性名称不同：

$(elem).css('padding-top') 

和

$(elem).css('marginTop') 

？它不应该是：

$(elem).css('margin-top') 

改为？

Answer 1

您可以使用“camelCase”或“连字符分隔”形式的属性。两者都可以工作。请参阅jQuery docs for .css()：

jQuery可以同样解释多字属性的CSS和DOM格式。例如，jQuery可以理解并返回.css('background-color')和.css('backgroundColor')的正确值。

所以用你的例子，以下所有的将工作：

$(elem).css('marginTop') 
$(elem).css('margin-top') 
$(elem).css('paddingTop') 
$(elem).css('padding-top') 

Answer 2

有两件事。如何CSS看到它，以及如何使用JavaScript访问它。在CSS中，它是：

#element {margin-top: ...;} 

而在JavaScript中，它是：

document.getElementById('element').style.marginTop 

并传递给css()功能起作用的是，无论是JavaScript的方式和CSS的方式。