设置css属性的最快方法?

时间:2010-12-30 16:02:52

标签: javascript jquery

我正忙着创建一个缩放器,但在重新加载时,首先从100%切换到加载cookie并将宽度设置为固定的值:

//set width from cookie, unfortunately we need todo this on docready because #main-container is not done rendering -_-
var width = $.cookie("width");
// Set the user's selection for the left column
if (width != null) {
    if (width == "fluid") {
        alert("fluid!");
        $('#main-container').addClass('width-fluid');
    } else {
        $('#main-container').addClass('width-fixed');
    }
} else {
    $('#main-container').addClass('width-fixed');
};

有什么想法吗?

谢谢,

丹尼斯

2 个答案:

答案 0 :(得分:1)

只需将默认的css属性“height”和“width”设置为0内联或外部css文件,然后加载cookie时,它会将其设置为您想要的值。

离。内联默认css(在js影响之前)

<element style="height:0px;width:0px;" />

我假设您正在处理块级元素(图像),如果不是,您可能还想将元素设置为“display:block”,因此它将尊重高度和宽度。

答案 1 :(得分:0)

您可以使用以下命令设置特定的css属性:

$("#selector").css("property-name", value);

所以对于宽度,你只需使用:

$("#main-container").css("width", value);