jquery加载事件

时间:2024-04-03 13:35:08

javascript的加载事件:
<body onload = “函数()”>
window.onload = function(){}
加载事件作用:使得html和css代码先执行,最后执行javascript代码。
1.jquery加载事件实现
① $(document).ready(function处理);
$(document)是把document的dom对象变为jquery对象
② $().ready(function处理);
$()也是创建jquery对象,不过内部没有dom对象的组成部分
③ $(function处理); 对第一种加载的封装而已
jquery加载事件

第三种函数选择器$(function)加载事件本质就是对第一种加载事件的封装
jquery加载事件
三种加载事件体现:
jquery加载事件
jquery加载事件与传统加载事件的区别
jquery加载事件
2.1 设置个数
在同一个请求里边,jquery加载事件的可以设置多个,而传统方式只能设置一个
传统方式加载事件是给onload事件属性赋值,多次赋值,后者会覆盖前者。
jquery方式加载事件是把每个加载事件都存入一个数组里边并成为数组的元素,执行的时候就遍历该数组执行每个元素即可,因此其可以设置多个加载事件。
jquery加载事件在同一个请求里边可以出现多个:
jquery加载事件
传统加载事件在同一个请求里边只能设置一个:
jquery加载事件
2.2 执行时机不一样
传统方式加载事件,是全部内容(文字、图片、样式)在浏览器显示完毕再给执行加载事件。
广告图片小叉隐藏图片显示(在加载事件里边给图片的小叉设置onclick事件)
用户名输入框有点击隐藏灰色的文字(在加载事件里边给输入框设置onclick事件,隐藏灰色文字)
jquery方式加载事件,只要全部内容(文字、图片、样式)在内存里边对应的DOM树结构绘制完毕就给执行,有可能对应的内容在浏览器里边还没有显示。
jquery加载事件
jquery加载事件
jquery加载事件
3.jquery加载事件原理
jquery加载事件是对DOMContentLoaded的封装(非onload)
jquery加载事件