jQuery載入事件
載入事件
javascript的載入事件:
<body onload = 「函數()」>
window.onload = function(){}
## jquery載入事件實作
<!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(加载事件处理函数); ////$(document) 创建一个jquery对象,内部有dom组成部分:document //$(document)[0]-------获得-------->document对象 $(document).ready(function(){ console.log(123); }); //② $().ready(加载事件处理函数) //$() 创建一个jquery对象,内部没有dom组成部分 $().ready(function(){ console.log(456); }); //③ $(function加载事件处理函数); $(function(){ console.log(789); }); </script> <style type="text/css"> </style> </head> <body> </body> </html>
jquery載入事件與傳統載入事件的差異
在同一個請求裡邊,jquery的可以設定多個,而傳統方式只能設定一個
<!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>加载事件区别</h2> </body> </html>#####################