DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jqyery中同等與js中windows.onload的應用
Jqyery中同等與js中windows.onload的應用
編輯:JQuery特效代碼     
代碼如下:
$(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>

那麼這個加載事件可以放在任何位置了...
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved