Question

您好当我点击一个按钮时，我有一个div想要改变一些值。

如果我点击

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

然后我想在div中将宽度更改为100，将高度值更改为200。

如果我点击：

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

然后我想在div中将宽度更改为50，将高度值更改为100.

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

我希望div首先拥有原始值。非常感谢！

Answer 1

类似的东西：

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

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

Answer 2

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

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

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");

      });
});

使用jquery单击按钮时更改div中的值？

4 个答案: