jquery 中的document ready 和document load 的区别

原创 2018年04月17日 18:22:17
$(document).load(function(){}):是当页面所有资源全部加载完成后(包括DOM文档树,css文件,js文件,图片资源等),再执行一个函数; 短板:如果图片资源较多,加载时间较长,onload后等待执行的函数需要等待较长时间,所以一些效果可能受到影响

$(document).ready(function(){}):是$(function(){})的缩写,表示当DOM文档树加载完成后执行一个函数 (不包含图片,css等)所以会比load较快执行

版权声明: https://blog.csdn.net/WJ930708/article/details/79978596

jQuery中document的ready和load事件的区别?

概述: 大家在工作中用jQuery的时候一定会在使用之前这样: 1 2 3 4 5 6 7 8 //document ready $(document).r...
  • qq_14849723
  • qq_14849723
  • 2014-12-18 11:26:53
  • 1625

jquery $(document).ready()和$.load执行顺序

$('#test2').load('test2.html'); $(document).ready(function(){ $('#btn').click(function()...
  • NK_TF
  • NK_TF
  • 2016-10-30 09:39:48
  • 978

document load 与document ready的区别

页面加载完成有两种事件 1.load是当页面所有资源全部加载完成后(包括DOM文档树,css文件,js文件,图片资源等),执行一个函数 问题:如果图片资源较多,加载时间较长,onload后...
  • ywl570717586
  • ywl570717586
  • 2017-04-06 09:48:17
  • 1260

$(window).load(function(){}) 和 $(document).ready(function(){})的区别

在JavaScript中window.onload = function(){ alert(“text1”); }; 等同于在jQuery中$(window).load(function(){...
  • lcc921528642
  • lcc921528642
  • 2015-09-11 21:22:03
  • 4429

JQuery的函数“$(function() {})”的含义及与“$(document).ready(function(){})”的区别

常能在页面中看到如下语句: $(function(){ $("#titleDiv").load("content.do?type=list"); }); 那么$(function() {})是...
  • dongdong9223
  • dongdong9223
  • 2016-01-12 15:52:10
  • 3386

document.ready()与window.load()的区别

1.执行时间不同: 从字面的意思上理解,$(document).ready()就是文档准备好了。也就是浏览器已经解析完整个html文档,dom树已经建立起来了,这时就可以通过class属性或者id属...
  • liucyccdt2013
  • liucyccdt2013
  • 2014-12-05 16:28:47
  • 1090

JQuery_$(document).ready() 与 $(window).load()方法比较

$(document).ready()  JQuery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方...
  • u010003835
  • u010003835
  • 2016-04-06 14:12:12
  • 3508

jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别详细讲解

1、(function($) {…})(jQuery); 1)、原理: 这实际上是匿名函数,如下: function(arg){…} 这就定义了一个匿名函数,参数为arg 而...
  • szwangdf
  • szwangdf
  • 2015-01-26 15:42:30
  • 97205

jquery $(document).ready()与window.onload的区别

jQuery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 1.执行时间    ...
  • ligang2585116
  • ligang2585116
  • 2014-12-21 23:46:03
  • 2350

document load 和document ready的区别

Document.onload 是在结构和样式加载完才执行js Document.ready原生种没有这个方法,jquery中有 $().ready(function)...
  • palette_
  • palette_
  • 2017-05-03 08:34:11
  • 171
收藏助手
不良信息举报
您举报文章:jquery 中的document ready 和document load 的区别
举报原因:
原因补充:

(最多只允许输入30个字)