<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--使用script标签引入jq-->
<script src="js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
加载完毕后，来执行js代码
window.onload = function() {
var div = document.getElementById("div1");
console.log(div);
}
使用jq等待页面加载完毕后执行js代码
写法:
$:是jq中 的对象,jq把所有的属性和方法添加进对象中,使用这些方法属性,必须先拿到jq对象,($是jq的简写形式 $===jq)
():$符号后的小括号表示一个选择器document表示document对象
. : "的" 意思
ready()：页面加载完毕时执行该函数
$(选择器).
$(document).ready(function() {
在这个函数中写jqery、js代码
var div1 = document.getElementById("div1");
console.log(div1);
});
JS中 window.onload和jq区别:
1、执行时机：onload事件必须等页面完全加载完毕后才能执行；ready当页面节点加载完毕后就可以执行。比onload要早一点
2、添加个数：onload事件只能添加一个，如果添加了多个，则最后执行的onload事件会覆盖前边的事件;ready事件可以添加多个，且互相之间不会覆盖。（onload事件和ready时间之间也不会互相覆盖）
3、简化写法：onload没有简化写法；ready事件可以简化为:
$(function(){});
</script>
</head>
<body>
<div id="div1">我是一个粉刷匠，粉刷本景墙</div>
</body>
</html>
