jQuery的CSS方法

Question

HTML:

<div id="that" style="margin-left: 10px; border-width: 2px"></div>

jQuery的:

// alerts "10px 0px" which is strange, isn't it?
alert($('#that').css('margin-left') + ' ' +  $('#that').css('border-width'));

jsFiddle:http://jsfiddle.net/vZpAv/

为什么jQuery的表现如此？是不是应该得到2px？首先,我认为这是因为CSS属性中的破折号(css('borderWidth')正常工作),但你可以看到它确实很好用margin-left.

Answer 1

border-width用于设置元素上每个边框的边框宽度,但不能假设每个边框具有相同的宽度.因此,您需要运行以下内容:

$('#that').css("borderTopWidth");

但是这仍将返回0px,因为如果不设置颜色和样式,则无法设置边框宽度.