用jQuery改变div宽度

Question

是否可以div使用jQuery 更改宽度？如果是的话,怎么样？

我想要的是根据浏览器的窗口宽度实时更改其宽度,因此如果/当用户更改浏览器窗口时,其div尺寸也会实时更改.

Answer 1

您可以使用,当窗口调整大小时将触发.

$( window ).bind("resize", function(){
    // Change the width of the div
    $("#yourdiv").width( 600 );
});

如果你想要一个DIV宽度作为屏幕的百分比,只需使用CSS width : 80%;.

Answer 2

确实可以div在jQuery中更改元素的宽度:

$("#div").css("width", "300px");

但是,通过将宽度设置为百分比,您在CSS中可以更好,更有效地实现所描述的内容:

#div {
    width: 75%;
    /* You can also specify min/max widths */
    min-width: 300px;
    max-width: 960px;
}

此div将始终为屏幕宽度的75%,除非屏幕宽度表示div小于300px或大于960px.