jQuery文档加载完再执行
将获取元素的语句写在页面头部, 会因为元素还没有加载而出错, jQuery提供了ready方法解决这个问题, 它的速度比原生的window.onload更快.
<script src="js/jquery-1.12.4.min.js"></script>
<script>
// 原生写法, 等页面加载完最后执行
window.onload = function(){
var oDiv = document.getElementById("div01");
alert("原生js获取的div:" + oDiv);
}
// jQuery库封装后的写法
$(document).ready(function(){
var $div01 = $("#div01");
alert("jquery获取的div01:" + $div01);
})
// jQuery库提供的简写方法
$(function(){
var $div02 = $("#div01");
alert("jquery获取的div02:" + $div02);
})
</script>