用jquery點擊按鈕時改變div的值？

Question

嗨 我有一個div，我想改變一些值，當我點擊一個按鈕。

如果我點擊

<button id="image320x150">320 x 150</button> 

然後我想改變寬度爲100，在div高度值200。

，如果我點擊：

<button id="image320x200">320 x 200</button> 

然後我想改變寬度爲50，在div高度值100。

<div style="width:200px;height:287.5px;overflow:hidden;"> 

而且我希望div首先具有原始值。 非常感謝！

Answer 1

<script> 
    $("#something").click(function() { 
    $(#something2).css("width","100"); 
    }); 
</script> 

http://api.jquery.com/css/

Answer 2

類似：

$('#try-me').click(function() { 
    $('#aDiv').css({width: '30px', height: '20px'}) 
}) 

例如：http://jsfiddle.net/UDvPR/

Answer 3

我真的不得到的邏輯，但不管。

<script type="text/javascript"> 
var sizes = [{width:100,height:200},{width:50,height:100}]; 
function setSize(i){ $("#target").css(sizes[i]); } 
</script> 
<button id="image320x150" onclick="setSize(0);">320 x 150</button> 
<button id="image320x200" onclick="setSize(1);">320 x 200</button> 
<div id="target" style="width:200px;height:287.5px;overflow:hidden;"></div> 

Answer 4

Jquery(document).ready(function() { 

    jquery('#image320x150').click(function(){ 
     jquery('#div_id').css("width","100"); 
     jquery('#div_id').css("height","200"); 

     }); 

    jquery('#image320x200').click(function() { 
     jquery('#div_id').css("width","50"); 
     jquery('#div_id').css("height","100"); 

     }); 
});