どうすればdivのサイズを増減できますか？asp.netをクリックしますか？どうすればdivのサイズを増減できますか？asp.netをクリックしますか？
スタイルシート
<style>
div{
width:50px;
height:70px;
float:left;
margin:5px;
background:rgb(255,140,0);
}
</style>
Javascriptを：
<script src="_http://code.jquery.com/jquery-latest.js"></script>
<script>
$("div").one('click', function() {
$(this).height(30);
});
</script>
マークアップ：あなたはdiv要素のIDを与えているすべての
<body>
<div></div>
</body>
拳。私は以下のようにいくつかのHTMLと場所のボタンを変更しています。これはあなたを助ける
function changeDivSize() {
$("#dvMain").height(500);
}
・ホープ以下のように
<body>
<form id="form1" runat="server">
<div id="dvMain">
</div>
<input id="btn" onclick="javascript:changeDivSize();" type="button" value="Change Size" />
</form>
コールjavascriptのfunctin changeDivSize（）...
誰も "idを追加しなければならない"という人はいません。私は、この方法で 'onclick'マークアップにマークアップに振る舞いを追加するのは悪い習慣だと考えています。また、（おそらく存在しない）マークアップを追加しました。 –
$("div").click(function() { $(this).height(30); });
HTML
<div id="div1"></div>
<input type="button" id="aAdd" value="Increase" />
<input type="button" id="aDecrease" value="Decrease" />
スクリプトは
var currentHeight;
var measurement=100;
$(function(){
currentHeight=$("#div1").height();
$("#aAdd").click(function(){
currentHeight=parseInt(currentHeight)+measurement
$("#div1").height(currentHeight);
});
$("#aDecrease").click(function(){
currentHeight=parseInt(currentHeight)-measurement
$("#div1").height(currentHeight);
});
});
ここでは、この `.one（あなたのコード内で参照そのうち`が何であるかを作業サンプルhttp://jsfiddle.net/pJWMh/14/
です。 –
@ MarkSchultheiss - これはたかが1回だけ実行するイベントハンドラを添付する方法です：http：//api.jquery.com/one/ – Jamiec
これは、あなたの 'スクリプト... 'あなたのサンプルから直接取った[this jsfiddle]（http://jsfiddle.net/2qHv3/）が期待通りに動作するように！ – Jamiec