Question

前：

<div id="h" style="background-image:url('images//line.jpg'); background-repeat: repeat-x; width:300px; height:25px; padding-left:10px; color:white;">Frame</div>

现在，我想使用jQuery从样式中获取width的值。什么应该是jQuery。

Answer 1

$('#h').width()   //  from jQuery dimensions (core)

或

$('#h').css('width');

.width()返回计算的宽度。 .css('width')只返回您写入样式的内容。所以一般来说，坚持使用.width()是个更好的主意，除非你真的想知道实际价值。

如果您需要更多“详细信息”中元素的宽度，请查看jQuery维度中的.innerWidth()和.outerWidth()方法。这些人使用padding，borders，padding等计算宽度。

参考：.width()，.css()，.outerWidth()，.innerWidth()

Answer 2

使用css方法：

$("#h").css("width");

使用css方法和width属性名称将为您提供实际的css结果，与width()相对应，这将产生无单位的结果。

来自width文档：

.css（宽度）和.css之间的差异 .width（）是后者返回的无单位像素值（例如， 400）而前者返回一个值单位完好无损（例如，400px）。

Answer 3

使用

$('#h').width();

或

$('#h').css('width');

后者返回单位值（例如300px），前者只返回值（300）。

请参阅jQuery Width() API

Answer 4

css方法：

var width = $('#h').css('width');

Answer 5

您可以像这样使用jQuery：

alert($("#h").css("width"));

要使用jQuery玩一点，你应该使用...

<强> http://jsfiddle.net/WEWVp/

如何使用jQuery从“div”标签的CSS获取值？

5 个答案: