jQuery加載事件
加載事件
javascript的加載事件：
<body ?onload = “函數(shù)()”>
window.onload = function(){}
?jquery加載事件實(shí)現(xiàn)
① $(document).ready(function處理);
② $().ready(function處理);
③ $(function處理); ?對(duì)第一種加載的封裝而已
<!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)加載事件的區(qū)別
設(shè)置個(gè)數(shù)
在同一個(gè)請(qǐng)求里邊，jquery的可以設(shè)置多個(gè)，而傳統(tǒng)方式只能設(shè)置一個(gè)
傳統(tǒng)方式加載事件是給onload事件屬性賦值，多次賦值，后者會(huì)覆蓋前者。
jquery方式加載事件是把每個(gè)加載事件都存入一個(gè)數(shù)組里邊，成為數(shù)組的元素，執(zhí)行的時(shí)候就遍歷該數(shù)組執(zhí)行每個(gè)元素即可，因此其可以設(shè)置多個(gè)加載事件。
執(zhí)行時(shí)機(jī)不一樣
傳統(tǒng)方式加載事件，是全部?jī)?nèi)容(文字、圖片、樣式)在瀏覽器顯示完畢再給執(zhí)行加載事件。
jquery方式加載事件，只要全部?jī)?nèi)容(文字、圖片、樣式)在內(nèi)存里邊對(duì)應(yīng)的DOM樹(shù)結(jié)構(gòu)繪制完畢就給執(zhí)行，有可能對(duì)應(yīng)的內(nèi)容在瀏覽器里邊還沒(méi)有顯示。
<!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>
