首页 > 编程语言 >javaEE004.03 事件: window.onload与jQuery(fn)的区别

javaEE004.03 事件: window.onload与jQuery(fn)的区别

时间:2023-02-20 12:35:15浏览次数:46  
标签:jQuery onload fnction javaEE004.03 window 文档 绘制 fn


window.onload与$(fn)的区别_目录

文章目录

  • ​​window.onload与$(fn)的区别_目录​​
  • ​​一、事件​​
  • ​​window.onload与$(fnction(){})​​
  • ​​二、总结​​

一、事件

文档加载事件
我们想一个问题,window.onload与$(fnction(){})有区别吗,他们是一样的吗?

window.onload与$(fnction(){})

只能说它们类似,不能说完全相同

区别如下

1、

window.onload 是当前文档完全加载后执行:意思就是假如有个2G的电影,也要播放完之后再执行

$(function(){}) 是当前文档绘制成功后执行:什么叫文档绘制成功呢?就是只要节点绘制成功就行了,不用等电影播放完

javaEE004.03 事件: window.onload与jQuery(fn)的区别_jQuery

javaEE004.03 事件: window.onload与jQuery(fn)的区别_jQuery_02


2、 window.onload 只能书写一次,javaEE004.03 事件: window.onload与jQuery(fn)的区别_加载_03(fnction(){})、jQuery(fnction(){}))

javaEE004.03 事件: window.onload与jQuery(fn)的区别_d3_04


javaEE004.03 事件: window.onload与jQuery(fn)的区别_加载_05


顺序如下:

javaEE004.03 事件: window.onload与jQuery(fn)的区别_jQuery_06


javaEE004.03 事件: window.onload与jQuery(fn)的区别_jQuery_07


javaEE004.03 事件: window.onload与jQuery(fn)的区别_加载_08

然后就没了

所以顺序也很容易看出来

其实$(fnction(){})分为

标准写法和简写 的写法:

javaEE004.03 事件: window.onload与jQuery(fn)的区别_加载_09

二、总结

1、前者是是当前文档完全加载后执行;后者是当前文档完全绘制成功后执行
2、前者只能书写一次,后者可以书写多次
3、前者语法只有一种,后者有两种语法


标签:jQuery,onload,fnction,javaEE004.03,window,文档,绘制,fn
From: https://blog.51cto.com/u_15800767/6068295

相关文章

  • javaEE003.06 jQuery:过滤选择器3:表单过滤选择器&表单对象属性过滤选择器
    文章目录​​前言​​​​一、代码模板​​​​二、过滤选择器——表单过滤选择器​​​​1.表单过滤选择器​​​​2.表单对象属性过滤选择器​​​​3.具体需求​​​​总......
  • jQuery-插件机制
    jQuery-插件机制增强JQuery的功能1.实现方式:1.$.fn.extend(object)增强通过Jquery获取的对象的功能$("#id)2.$.extend(object)......
  • jQuery-案例-广告显示和隐藏、案例-抽奖
    jQuery-案例-广告显示01-广告的自动显示与隐藏.html页面<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>JQuery案例-广告的自动显示......
  • jeasyui,jquery某些经常使用方法
    tabs判断是否打开某个页签varflag=$('#center_tab').tabs('exists',menuName);从一个子页面中得到父页面的另一个子页面(iframe)的jeasyui的元素parent.frames["......
  • jquery 用ID取某个元素下的某个ID元素
     <html><head><scripttype="text/javascript"src="jquery-1.7.2.min.js"></script></head><body><divid="div_1"><inputtype="text"id="txt1"name="txtt&q......
  • jQuery下载步骤以及相关使用
    jQuery下载进入相关网址执行下载操作,网址在这里:http://www.jq22.com/jquery-info122进入页面之后,页面的左侧,会有这样的显示:我们需要自主在这里选择自己需要的版本,然后......
  • jquery的用法
    $('#element');//相当于document.getElementById("element")$('.element');//Class$('p');//html标签$("form>input");//子对象$("div,span,p.myClass");//同时选择多种......
  • jquery触发控件的点击事件
     可以使用trigger或者triggerHandler函数,比如设置取得焦点事件$("input").trigger("focus");$("input").triggerHandler("focus");触发点击事件不能这样写:......
  • jQuery-动画
    jQuery-动画三种方式显示和隐藏元素1.默认显示和隐藏方式1.show([speed,[easing],[fn]])1.speed:动画的速度。三个预定义的值("show","normal"......
  • jQuery-案例-隔行换色、全选全不选、qq表情选择、下拉列表选中条目录左右移动
    jQuery-案例-隔行换色01-jQuery案例-隔行换色.html页面<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>jQuery案例-隔行换色</title>......