jquery页面加载成功后自动执行

jquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别。

id="cproIframe_u2298924_2" width="650" height="200" src="http://pos.baidu.com/acom?adn=3&adp=1&at=0&aurl=&c01=1&cad=1&ccd=24&cec=GBK&cfv=0&ch=0&col=zh-CN&conBW=0&conOP=1&cpa=1&cpro_lu=1%2C%23dfe4f9%2C%23000000%2C%E5%AE%8B%E4%BD%93&dai=2&dis=0&layout_filter=image&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DStNgdYVzhQEwmJSVQgbPyubh5LarjDPPP3tGMeZN5BVyXj8K-QBthie06hUJSlEl%26wd%3D%26eqid%3Ddbfe02f4000810da0000000556186a4c&ltu=http%3A%2F%2Fwww.jb51.net%2Farticle%2F27444.htm&lu_161=0&lunum=6&n=jb51_cpr&pat=1&pcs=1903x995&pih=80&pis=10000x10000&piw=130&ps=516x486&psr=1920x1080&pss=1903x517&ptbg=90&ptp=0&ptt=0&qn=35ffa83a758b4881&rad=&rsi0=650&rsi1=200&rsi5=4&rss0=%23FFFFFF&rss1=%23FFFFFF&rss2=%23000000&rss3=%23444444&rss4=%23008000&rss5=&rss6=%23e10900&rss7=&scale=&skin=tabcloud_skin_5&stid=5&td_id=2298924&tft=0&titFF=%25E5%25BE%25AE%25E8%25BD%25AF%25E9%259B%2585%25E9%25BB%2591&titFS=14&titSU=0&titTA=left&tlt=0&tn=baiduCustNativeAD&tpr=1444440659777&ts=1&version=2.0&xuanting=0&dtm=BAIDU_DUP2_SETJSONADSLOT&dc=2&di=u2298924&ti=jquery%E5%8A%A0%E8%BD%BD%E9%A1%B5%E9%9D%A2%E7%9A%84%E6%96%B9%E6%B3%95(%E9%A1%B5%E9%9D%A2%E5%8A%A0%E8%BD%BD%E5%AE%8C%E6%88%90%E5%B0%B1%E6%89%A7%E8%A1%8C)_jquery_%E8%84%9A%E6%9C%AC%E4%B9%8B%E5%AE%B6&rs=60010&tt=1444440659758.118.276.277" align="center,center" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true">

1、$(function(){ 
　　$("#a").click(function(){ 
　　　　//adding your code here 
　　}); 
}); 
2、$(document).ready(function(){ 
　　$("#a").click(function(){ 
　　　　//adding your code here　　 
　　}); 
}); 
3、window.onload = function(){ 
　　$("#a").click(function(){ 
　　　　//adding your code here 
　　}); 
} 
html代码为<input type="button" id="a">点击</input>，且页面需要引用jquery的js文件 

一般的加载页面时调用js方法如下： 

window.onload = function() { 
$("table tr:nth-child(even)").addClass("even"); //这个是jquery代码 
}; 

这段代码会在整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。更不幸的是，如果外部资源，例如图片需要很长时间来加载，那么这个js效果就会让用户感觉失效了。 

但是用jquery的方法： 

$(document).ready(function() { 

// 任何需要执行的js特效 
$("table tr:nth-child(even)").addClass("even"); 
}); 

就仅仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。 

还有一种简写的方式： 

$(function() { 

// 任何需要执行的js特效 
$("table tr:nth-child(even)").addClass("even"); 
});