显示宽度和高度的css值动态显示，Jquery Javascript警报功能

Question

<tr><td><img src="images/C003.jpg" alt="title" class="OrignialImage" /></td></tr> 

.OrignialImage
{
width:150px;
height:150px;
}

通过使用jquery，我们可以动态地从css类中获取宽度值吗？ 有没有办法动态获取宽度值和高度值，请让我知道。

Answer 1

您可以使用以下jquery apis：

• width
• height
• css

示例：

$(".OrignialImage").width();
$(".OrignialImage").height();

Answer 2

jQuery有多种方法可以获取对象的css高度和宽度。最简单的是$(<selector>).height()和$(<selector>).width()

如果您想要包含填充的高度和宽度，则可以分别使用$(<selector>).innerHeight()和$(<selector>).innerWidth()。

如果你想要包含填充和边距的高度和宽度，那么你可以使用$(<selector>).outerHeight()和$(<selector>).outerWidth()

如果您真的想要，可以使用$(<selector>).css('height')或$(<selector>).css('width')

有关这些方法的更多信息，您可以在此处查看jQuery文档http://api.jquery.com/category/dimensions/

Answer 3

你可以在这里查看http://jsfiddle.net/ZsTAt/

$('.OrignialImage').css('height')
$('.OrignialImage').css('width')
$('.OrignialImage').height()
$('.OrignialImage').width()