<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> <script> //第一种方法 /* $(document).ready(function(){ $('#btnok')[0].onclick = function(){ alert('hello world'); } }) */ /* //第二种方法 $().ready(function(){ $('#btnok')[0].onclick = function(){ alert('2222222'); } }) */ //第三种方法 $(function(){ $('#btnok')[0].onclick = function(){ alert('33333'); } }) </script> </head> <body> <input type="button" id="btnok" value="点我" /> </body> </html>
window.onload与ready方法区别？
答：在功能上两者功能是一致的，都是完成页面载入事件。但是，window.onload方法要等到页面DOM结构、图片以及外部资源全部加载载入完毕后，才开始执行，而ready当页面加载完DOM结构就会自动执行jQuery代码，可能图片或外部资源还没有加载完毕，就会立即执行，所以从速度上来讲，ready方法要快于window.onload方法。