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​​方法，再简写一下，如下：

扫描微信公众号