代碼如下:
$(function(){//腳本})
Jquery(function(){//腳本})
Jquery(document).ready(function(){//腳本})
以上三個代碼執行同一個動作,由於書寫方便,所以Jquery比其他應用程序更受歡迎,但是當與其他js程序庫一起使用的時候,特別是prototype.js同時使用時,不能使用$方法,因為他們也有該方法,可以用如下方法回避這種沖突:
jQuery(function($){//腳本})
他們都是當Dom加載完後執行的操作,所以放在html的任何位置都可以,但是有些情況,比如上一節提到的加載事件的方法
代碼如下:
<div id="divInfo">Hello,Word!</div>
<input id="btnShow" type="button" value="顯示" />
<input id="btnHid" type="button" value="隱藏" />
<input id="btnChange" type="button" value="修改為:hello" />
<script type="text/javascript">
$("#btnShow").bind("click",function(event){$("#divInfo").show()});
$("#btnHid").bind("click",function(event){$("#divInfo").hide();});
$("#btnChange").bind("click",function(event){$("#divInfo").html("hello");});
</script>
這裡面則是在加載的過程中執行的,就是必須加載完相關元素才可以執行,如果把他們放到上面的代碼中就靈活的多了
代碼如下:
<div id="divInfo">Hello,Word!</div>
<input id="btnShow" type="button" value="顯示" />
<input id="btnHid" type="button" value="隱藏" />
<input id="btnChange" type="button" value="修改為:hello" />
<script type="text/javascript">
jQuery(function($){$("#btnShow").bind("click",function(event){$("#divInfo").show()});
$("#btnHid").bind("click",function(event){$("#divInfo").hide();});
$("#btnChange").bind("click",function(event){$("#divInfo").html("hello");})
})
</script>
那麼這個加載事件可以放在任何位置了...