jQuery应用步骤以及ready事件和load事件的区别
一、jQuery应用步骤
- 第一步:利用
script
标签的src
属性引入jQuery
文档 - 第二步:创建一个
script
标签,在该script
下面编辑JS代码 - 第三步:编辑入口函数,当JS代码写在被操作元素前面时,需要编辑入口函数
编辑入口函数的方式有两种:
二、ready和load的区别:
- 页面中可以有多个ready事件,而load事件会出现覆盖现象。
- ready事件的执行时间早于load事件,因为ready事件需要在页面的DOM树渲染完毕后马上触发。
- 而load事件需要将页面中的所有元素加载完毕后触发,如需要等页面所有的图片都正常显示后再触发。