jquery - 仅水平调整大小的 DIV

Question

我需要一个插件来垂直调整 DIV 的大小，只需使用 jQuery（而不是 jq UI）。这是 HTML 的示例：

<div class="wrapper" style="width:300px; height:300px; padding:50px; border:1px solid black;">

    <div class="resizable" style="height:300px; width:150px; background:green;float:left">

        TEST TEST

    </div>


    <div class="handle" style="width:10px; height:60px; float:left; margin-top:120px; background:red;"> </div>

</div>

谢谢你。

Answer 1

jQuery('.resizable').css({
  'height': '150px'
})

如果你问得好，现在会有更多人回答。

Answer 2

看一下内置的height()函数：

$(function ()
{
    $(".resizable").height(300); // .resizable to 300px in height
});