jQueryロードイベント
読み込みイベント
javascript読み込みイベント:
<body onload = "function()">
window.onload = function(){}
jqueryロードイベントの実裝
① $(document).ready(function process);
② $().ready(function process);
③ $(function process); だけです。パッケージ
<!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)建一個jquery對象，內(nèi)部有dom組成部分：document
//$(document)[0]-------獲得-------->document對象
$(document).ready(function(){
console.log(123);
});
//② $().ready(加載事件處理函數(shù))
//$() 創(chuàng)建一個jquery對象，內(nèi)部沒有dom組成部分
$().ready(function(){
console.log(456);
});
//③ $(function加載事件處理函數(shù));
$(function(){
console.log(789);
});
</script>
<style type="text/css">
</style>
</head>
<body>
</body>
</html> jqueryの読み込みイベントと従來の読み込みイベントの違い
設(shè)定の數(shù)
同じリクエスト內(nèi)で、jqueryは複數(shù)の設(shè)定を設(shè)定でき、従來の方法は可能です1 つだけ設(shè)定します
従來の方法では、onload イベント屬性に値を割り當(dāng)てます。複數(shù)回割り當(dāng)てた場合、後者で前者が上書きされます。
イベントをロードする jquery メソッドは、各ロード イベントを配列に格納し、実行時に配列の要素になるだけで、配列を走査して各要素を?qū)g行するため、複數(shù)のロード イベントを設(shè)定できます。
実行タイミングが異なります
従來の読み込みイベントは、すべてのコンテンツ（テキスト、畫像、スタイル）がブラウザに表示された後に読み込みイベントを?qū)g行します。
JQuery 読み込みイベントは、すべてのコンテンツ (テキスト、畫像、スタイル) がメモリ內(nèi)の対応する DOM ツリー構(gòu)造に描畫されている限り実行されます。対応するコンテンツがブラウザーに表示されていない可能性があります。
りー
