width（）和css（宽度）之间的差异

Question

我使用JQuery设置id="mydiv"区域的宽度。当我使用

$(‘#mydiv’).width(300px);

该区域的样式不正确，但是当我使用

时

$(‘#mydiv’).css(‘width’,’300px’);

正确呈现样式。 .width（）和.css（）都列在http://api.jquery.com中。为什么不同？

Answer 1

也许是因为你缺少引号

$(‘#mydiv’).width("300px");

Answer 2

不同之处在于数据类型。正如代码中明确的那样，使用css方法，您需要附加＆＃39; px＆＃39;宽度值和宽度你不需要指定。

当你想要读取任何元素的宽度时，css方法将返回字符串值，如＆＃39; 100px＆＃39;而width将返回一个整数值。

alert($('#mydiv').css('width'));

此返回＆＃39; 100px＆＃39; 。

alert($('#mydiv').width());

返回 100 。

因此，如果您想进行任何操作，那么宽度函数是最佳选择。