當前位置:編程學習大全網 - 源碼下載 - Dreamweaver中 使用jquery

Dreamweaver中 使用jquery

先給妳寫壹個正確的。

<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.並且可以在同壹頁面的不同位置無限次調用。

  • 上一篇:世界上有平行宇宙嗎?
  • 下一篇:計算機病毒與蠕蟲?
  • copyright 2024編程學習大全網