快捷導(dǎo)航

Jqyery中同等與js中windows.onload的應(yīng)用

更新時(shí)間：2011年05月10日 23:49:39 作者：

我們知道，在javascript中用來執(zhí)行頁面加載中的操作時(shí)候，我們會(huì)使用windows.onload=function(){}或者windows.onload=函數(shù)名(),也可以在body中調(diào)用onload事件調(diào)用方法即可，在jQuery中也有相當(dāng)?shù)拇a

復(fù)制代碼代碼如下:

 
$(function(){//腳本}) 
Jquery(function(){//腳本}) 
Jquery(document).ready(function(){//腳本}) 

以上三個(gè)代碼執(zhí)行同一個(gè)動(dòng)作，由于書寫方便，所以Jquery比其他應(yīng)用程序更受歡迎，但是當(dāng)與其他js程序庫一起使用的時(shí)候，特別是prototype.js同時(shí)使用時(shí)，不能使用$方法，因?yàn)樗麄円灿性摲椒ǎ梢杂萌缦路椒ɑ乇苓@種沖突：

jQuery(function($){//腳本})

他們都是當(dāng)Dom加載完后執(zhí)行的操作，所以放在html的任何位置都可以，但是有些情況，比如上一節(jié)提到的加載事件的方法

復(fù)制代碼代碼如下:

 
<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> 

這里面則是在加載的過程中執(zhí)行的，就是必須加載完相關(guān)元素才可以執(zhí)行，如果把他們放到上面的代碼中就靈活的多了

復(fù)制代碼代碼如下:

 
<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> 

那么這個(gè)加載事件可以放在任何位置了...

您可能感興趣的文章: