jQuery載入事件
載入事件
javascript的載入事件:
<body ?onload = 「函數(shù)()」>
window.onload = function(){}
##?jquery載入事件實(shí)作
<!DOCTYPE html> <html> <head> <title>php.cn</title> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> //① $(document).ready(加載事件處理函數(shù)); ////$(document) 創(chuàng)建一個(gè)jquery對(duì)象,內(nèi)部有dom組成部分:document //$(document)[0]-------獲得-------->document對(duì)象 $(document).ready(function(){ console.log(123); }); //② $().ready(加載事件處理函數(shù)) //$() 創(chuàng)建一個(gè)jquery對(duì)象,內(nèi)部沒(méi)有dom組成部分 $().ready(function(){ console.log(456); }); //③ $(function加載事件處理函數(shù)); $(function(){ console.log(789); }); </script> <style type="text/css"> </style> </head> <body> </body> </html>
?jquery載入事件與傳統(tǒng)載入事件的差異
在同一個(gè)請(qǐng)求裡邊,jquery的可以設(shè)定多個(gè),而傳統(tǒng)方式只能設(shè)定一個(gè)
<!DOCTYPE html> <html> <head> <title>php.cn</title> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> window.onload = function(){ console.log('abc'); } $(function(){ console.log('def'); }); </script> <style type="text/css"> </style> </head> <body> <h2>加載事件區(qū)別</h2> </body> </html>#####################