jQuery的$(document).ready(function(){ })的疑惑的解答 - 张玉龙 - ITeye博客

`

张玉龙

浏览: 723108 次
性别:
来自: 沈阳

最近访客更多访客>>

bjcms

繁星水

flyfoxs

sunzeping

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

李科笠：这款编辑器，能够保存从word中复制的图片么？
CKEditor3.x的介绍和使用
sybell：讲得好，但得试一下有没有错。
Mysql 中获取刚插入的自增长id的值
zqb666kkk： nice 很好的启发
spring的jdbcTemplate 返回值为list
nizen：不错，有用！
Mysql 中获取刚插入的自增长id的值
MEZboy：真全面，感谢分享！
Radio单选框OnClick事件的设置[网络收集]

jQuery的$(document).ready(function(){ })的疑惑的解答

阅读更多

最早接触的时候也说$(document).ready(function(){   })这个函数是用来取代页面中的window.onload;

但是今天发现 好像不是这样回事！是在做一个页面载入效果时发现的！

function winready(){document.getElementById("loading").style.display="none";}
window.onload=winready;
以上的写法  winready会在页面完全载入才触发；

jquery写法：
$(document).ready(function(){
"#loading").css("display","none");
})

以前没发现，今天因为网络卡，发现一个页面的一张图片还没载入完成，jquery的ready函数就已经触发了！

document.onload  window.onload <body onLoad="winready()">

到底又没区别？

 window.onload 是所有静态页面都载入完成后 在载入js
 $document.ready();是按顺序 先来先载入

 window.onload =function() { a();  b(); }

分享到：

js 写if语句时候的错误 | js 类型

2011-05-20 11:57
浏览 1088
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

jQuery(document).ready(function($) { });的几种表示方法: 在写jquery的时候，因为平时用sublime text快捷键生成jQuery(document).ready(function($) { });，所以忘记了其他的几种表示方法，今天花了几分钟特意记录了一下。

Jquery中$(document).ready(function(){ })函数的使用详解: jQuery(document).ready(function(){}); 使用jQuery的好处是它包装了各种浏览器版本对DOM对象(javascript的DOM对象你应该知道吧，就是它了)的操作. 比如jquery写法：$(“div p”); // (1)$(“div.container”); // ...

jquery.table2excel.js: $(document).ready(function() { //导出excel $("#output").click(function(){ var myDate = new Date(); $("#example").table2excel({ exclude: ".noExl", name: "Excel Document Name.xlsx", filename: ...

jquery操作菜单: $(document).ready(function(){ $(".menu ul li ul").hide(); $(".menu>ul>li>a").on('click',function(){ $(".menu>ul>li>a").css('background-image',"url('../image/collapsed.gif')"); $(".menu ul li ul...

比Jquery的document.ready更快的方法: 个是上次在博客园看到的一篇文章，经测试，确实比jquery的$(document).ready(function(){....})更快，并且在ie和火狐等主流浏览器上都没问题

jQuery之$(document).ready()使用介绍: 学习jQuery的第一件事是：如果你想要一个事件运行在你的页面上，你必须在$(document).ready()里调用这个事件。所有包括在$(document).ready()里面的元素或事件都将会在DOM完成加载之后立即加载，并且在页面内容加载...

Jquery中"$(document).ready(function(){ })"函数的使用详解: 本篇文章主要是对Jquery中"$(document).ready(function(){ })"函数的使用进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助

jquery.ui.datepicker.js: $(document).ready(function() { var yearFrom=new Date().getYear()-60+1900; var yearTo=new Date().getYear()-18+1900; $('#dateinput').datepicker({ dateFormat: 'yy-mm-dd', buttonImage: 'calendar...

jQuery回到顶部插件jQueryGoUp: $(document).ready(function () { $.goup({ trigger: 100, bottomOffset: 20, //距底部偏移量 locationOffset: 30, //距右部偏移量 title: '返回顶部', titleAsText: true //是否显示title }); });

JQuery 引发两次$(document.ready)事件: 页面大概是这样的，一个Partial View，而这个View包含了一小段绑定Search的Javascript，并且用... 做了实验，代码如下：代码代码如下: [removed] $(document).ready(function() { $(“#a1”).appendTo($(“#a2”));

$(document).ready(function() {})不执行初始化脚本: 今天发现一个页面始终不执行初始化...$(document).ready(function() { alert(1); }); [removed] 后来发现问题仅仅是因为引用JQuery的时候闭合写法问题，只需要修改闭合方法，如下所示： [removed] 改为 <

jQuery使用$.get()方法从服务器文件载入数据实例: 本文实例讲述了jQuery使用$.get()方法从服务器文件载入数据。分享给大家供大家参考。具体如下： <!DOCTYPE html> <html> <head> [removed] [removed] [removed] $(document).ready(function(){ $...

浅析document.ready和[removed]的区别讲解: Javascript 只有在DOM元素已经定义以后才可以对其执行某种操作，这个问题在“javascript执行顺序里”//...– $(document).ready(function () { alert(“我的第一个jQuery代码!”); }); /

jQuery 的 ready()的纯js替代方法: ready 方法是 jQuery 实现的在 html 页面在 DOM...$(document).ready(function() { // 在 .ready() 被触发时执行. }); 在 jQuery 3.0 中 ready() 的变化在 jQuery 3.0 发布之前, 有以下几种 ready 方法的使用方式:

jquery.cycle.all.js 幻灯片轮换: $(document).ready(function() { $('#goods').cycle({ timeout: 2000, speed: 200, pause: true }); });

CSS3的仿windows8 Metro风格界面布局效果.zip: $(document).ready(function () { var $box = $('.box'); $('.metro li').each(function () { var color = $(this).css('backgroundColor'); var content = $(this).html(); $(this).click(function ()...

jquery $(document).ready() 与[removed]的区别: 1.执行时间 [removed]必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数不同 ... $(document).ready(function

jquery.cycle.all.js: Cycle是一个很棒的jQuery图片切换插件,提供了非常好的功能来帮助大家更简单...$(document).ready(function() { $('#goods').cycle(); }); 博文地址：http://blog.csdn.net/itmyhome1990/article/details/30480141

selectseachv1.0.0: selectseach jquery js 可查询的 select 插件 <script type="text/javascript" src="http://ajax.googleapis....$(document).ready(function(){ $('#sssss').selectseach(); });

Global site tag (gtag.js) - Google Analytics