JQueryノート1:JQuery初体験のready

1161 ワード

JQuaryライブラリでは、$はJQuaryの略記形式です.$などです.ajaxとJQuary.ajaxは等価です.$(document):documentオブジェクトを$でJQueryオブジェクトに変換し、readyメソッド(Domのonloadに似ている)を呼び出してイベントを登録します.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () { alert("    "); }); //        ,     dom    ,         onload      。
    </script>
</head>
<body>

</body>
</html>
 $(document).ready(function () {  });       :$(function(){});

ページDom要素のロードが完了すると、次のように簡単に書くことができます.
 
 $(function () { alert("      "); });//$          , function   ready

JQueryのreadyとDomのwindow.onloadの違い:1:readyメソッドはonloadと似ていますが、window.onloadは1つしか記述できませんが、readyは複数を記述しても実行できます.2:window.onloadは、すべてのDom要素が作成され、ピクチャ、Cssなどがロードされた後に実行され、readyはDom構造が描画された後に実行される(この場合、Dom要素に関連付けられたコンテンツがロードされていない可能性がある)ようにトリガーされ、Webページの応答速度を向上させることができます.