<html>
<script type="text/javascript" src="jquery/jquery-1.4.2.js"></script>
<script>
$(document).ready(function(){
$("#btnShow").bind("click",function(){$("#divMsg").show();});
$("#btnHide").bind("click",function(){$("#divMsg").hide();});
$("#btnChange").bind("click",function(){$("#divMsg").html("Value Change");});
});
</script>
</head>
<body>
<div id="divMsg">Hello World </div>
<input type="button" id="btnShow" value="顯示"/><br />
<input type="button" id="btnHide" value="隱藏"/><br />
<input type="button" id="btnChange" value="Change DIV Value"/>
</body>
</html>
其實click的綁定,jq有更簡單的寫法
$("#btnShow").click(function(){$("#divMsg").show();});
$("#btnHide").click(function(){$("#divMsg").hide();});
$("#btnChange").click(function(){$("#divMsg").html("Value Change");});
妳的代碼的幾個問題。
1.js的引用,必須是空節點的script,並寫明src。這裏要絕對註意,這裏面的script標簽內,不要寫任何東西。因為寫了也沒用。
2.頁面代碼是順序執行的,就是html代碼的先後書寫順序,妳在前面綁定方法,可是這個時候dom對象都還沒有創建,當然沒法綁定了。如果細心看壹些用到jq的代碼,就能發現,都寫上了$(document).ready(function(){});或者簡寫$(function(){});
這個是jq最重要的壹個方法。代替了window.onload.並且可以在同壹頁面的不同位置無限次調用。