jquery 加载 - ready方法

原生JavaScript的window.onload

将获取元素的语句写到页面头部，会因为元素还没有加载而出错。 JavaScript为了避免加载页面的元素报错的问题，需要在加载之中增加window.onload方法。 如下：

jQuery的ready方法

相对的，jquery提供了ready方法解决这个问题，它的速度比原生的 window.onload 更快。

<script type="text/javascript">

$(document).ready(function(){

     ......

});

</script>

可以简写为：

<script type="text/javascript">

$(function(){

     ......

});

</script>

下面来演示一下。

jQuery的ready方法示例

因为页面没有加载完毕，所以JavaScript中直接获取页面元素就会导致报错。需要加上window.onload方法，如下：

此时，可以看到没有报错了。

那是现在再使用jQuery的ready方法，如下:

那么，再将ready方法，再简写一下，如下：