JQuery引入
JQuery是JavaScript的一个库,必须先引入,再使用。
是库文件一般都会抛出来构造函数或者对象,构造函数用new关键字创建,对象则直接调用属性和方法
<script src="js/jquery.js"></script>
DOM文档加载顺序:
- 解析HTML文档结构
- 加载脚本和样式文件
- 解析和执行脚本代码
- DOM树构建完成,开始执行jQuery的ready方法,比window.onload提前。ready可写多个,并且同步执行
- 加载图片和外部文件,开始加载window.onload,不能写多个,后面的会覆盖前面的onload方法
- 页面加载完成
window.onload必须等到页面包括图片的所有元素加载完成后才执行。
$(document).ready()是DOM结构绘制完成后就执行,不必等到图片、视频等外部文件。
jQuery入口函数:
- 入口函数$(选择的元素),如:$("#box")。
- $(document),获取整个文档
- $(document).ready(function(){}),等待文档加载完成后,调用回调函数