JQuery笔记1: JQuery初体验之 ready

在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只能编写一个,而 ready 则可以编写多个都会被执行。
2:window.onload是所有 Dom 元素创建完毕、图片、 Css 等都加载完毕后才会被执行,而 ready 则是 Dom结构绘制完毕后就会被执行(此时可能Dom元素关联的内容并没有加载完)就被触发,这样可以提高网页的响应速度。


你可能感兴趣的:(JQuery笔记1: JQuery初体验之 ready)