JQuery以像素为单位计算DIV宽度

时间:2012-10-09 12:30:22

标签: jquery css

是否可以使用width w / out插件获取DIV中任意pixels的实际JQuery?我对以下两种情况感兴趣:

  1. percents中指定DIV的宽度,我需要沿树向上走,记住填充和/或边距,找到宽度以像素为单位的第一个父亲,然后向下走到我的元素应用这些填充和边距。

  2. 使用absolutelytoprightbottom left属性对DIV定位CSS,类似于之前的一,只需要考虑这些属性。

  3. 使用width: 100%;对DIV进行简单调用会返回100,这对我来说还不够好。

    更新1 - 控件,当我调用control.width()时,我测量的宽度被隐藏了,这是真的。

3 个答案:

答案 0 :(得分:4)

如果width()无法按预期工作(小提琴有帮助),请使用offsetWidth。假设你有一个对元素的jQuery引用

$('div').get(0).offsetWidth;

将以像素

返回元素的宽度

答案 1 :(得分:1)

按预期工作检查Demo

alert($('div').width());

答案 2 :(得分:1)

您可以使用此代码

 $(function () {
        alert($("#YourDivIdHere").css("width"))
 })

最好的问候