`
张玉龙
  • 浏览: 737375 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

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(); }
分享到:
评论

相关推荐

    jQuery(document).ready(function($) { });的几种表示方法

    jQuery(document).ready(function() { alert("你好"); }); ``` 或者简写为: ```javascript $(document).ready(function() { alert("你好"); }); ``` **第二种:直接传递函数给jQuery** ```javascript jQuery...

    Jquery中$(document).ready(function(){ })函数的使用详解

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

    $(document).ready(function() {})不执行初始化脚本

    3. **异步加载**:如果你的页面使用了异步加载策略,比如延迟加载或按需加载,那么JQuery库可能在`$(document).ready()`执行前没有完全加载。 4. **语法错误**:检查`$(document).ready()`函数内的代码是否存在语法...

    Jquery.Messager弹出消息插件

    $(document).ready(function() { $.messager.defaults = { showType: 'slide', // 动画效果,如淡入、滑动等 timeout: 3000, // 消息显示后自动关闭的毫秒数 draggable: true // 是否可拖动 }; }); ``` 2. ...

    jquery-3.2.0.js,jquery-3.2.0.min.js

    $(document).ready(function() { // 当页面加载完成后,隐藏所有 class 为 'hidden' 的元素 $(".hidden").hide(); // 绑定点击事件 $("#myButton").on('click', function() { alert("按钮被点击了!"); }); }...

    jquery-1.12.4-jquery.min.js.zip

    2. **事件处理**:jQuery 的事件处理比原生JavaScript更加直观,例如`$(document).ready(function() { ... })`用于页面加载完成后执行代码,`$("button").click(function() { ... })`用于监听按钮点击事件。 3. **...

    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信息提示框插件 jquery.toast.js 的使用

    2. **初始化插件**:在 jQuery 的 `$(document).ready` 函数内调用 `.toast()` 方法初始化插件。 3. **创建提示**:使用 `.toast('message')` 创建一个简单的提示,或者使用 `.toast(options)` 接受一个配置对象来...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    - `$(document).ready(function() {...})`:页面加载完成时执行的函数。 - `$(element).on('event', function() {...})`:动态绑定事件,支持多种事件类型。 5. **动画效果** - `$(element).fadeIn()`/`.fadeOut...

    Jquery中&quot;$(document).ready(function(){ })&quot;函数的使用详解

    本文着重讲解了在JQuery中使用$(document).ready()函数的详细方法和它的重要性。 在JQuery中,$符号是JQuery库的简写和引用。例如,$()函数等同于jQuery()函数。它为开发者提供了一种方便的方式来选择和操作文档中...

    jQuery-2.2.4.js

    使用$(element).on('event', callback)可以绑定事件,例如$(document).ready(function() {})用于页面加载完成后执行的代码,$(element).click(function() {})则是绑定点击事件。jQuery还支持事件委托,利用$(parent)...

    jquery-3.6.0.min.zip

    3. **事件处理**:jQuery简化了事件绑定,`$(element).click(function() {...})`用于绑定点击事件,`$(document).ready(function() {...})`确保页面加载完成后执行代码。 4. **链式操作**:jQuery的方法返回的是...

    jquery.processing.plugin.js以及详细演示

    $(document).ready(function() { $('#mySketch').processing({ sketch: function(p) { // 这里写Processing.js的代码 } }); }); ``` 4. **添加交互性**:jQuery Processing Plugin.js允许你利用jQuery的强大...

    jquery中的$(document).ready()使用小结

    $(document).ready(function(){…. })这个函数是用来取代页面中的[removed]; document.ready()和传统的方法&lt;body onload=”load()”&gt; 相似,不同的是onload()的方法是在页面加载完成后才发生,这包括DOM元素和...

    Jquery中$与$.fn的区别实例.zip

    在jQuery库中,`$`和`$.fn`都是核心组成部分,但它们有着不同的用途和功能。理解这两者的差异对于深入学习和使用jQuery至关重要。本文将详细解释`$`和`$.fn`的区别,并通过实例来帮助你更好地掌握它们。 首先,`$`...

    jquery.marquee.js官方下载

    $(document).ready(function() { $('#yourElement').marquee(); }); ``` 其中,`#yourElement`是你想要添加滚动效果的HTML元素的ID。 在实际应用中,我们还可以通过设置参数来定制滚动效果,例如: ```...

    jQuery之$(document).ready()使用介绍

    在学习jQuery框架时,了解$(document).ready()函数的作用至关重要。这一函数是管理页面加载顺序和时机的核心部分,它确保了页面的DOM元素完全加载并可被脚本操作之后,才执行包裹在其中的代码。 ### 知识点:jQuery...

    jquery.paginate.js

    $(document).ready(function() { $('#pagination').paginate({ items: 10, // 每页显示的条目数量 perPage: 5, // 每页显示的数量 display: 5, // 显示的页码按钮数量 }); }); ``` 3. 配置参数:`items`表示总...

    jquery操作菜单

    $(document).ready(function(){ $(".menu ul li ul").hide(); $(".menu&gt;ul&gt;li&gt;a").on('click',function(){ $(".menu&gt;ul&gt;li&gt;a").css('background-image',"url('../image/collapsed.gif')"); $(".menu ul li ul...

    jquery-1.1.3.1.js,jquery.linscroll.js

    $(document).ready(function() { $('selector').linscroll(options); }); ``` 其中,`options`是一个包含插件设置的对象,根据插件的具体需求进行配置。 总结,"jquery-1.1.3.1.js"和"jquery.linscroll.js...

Global site tag (gtag.js) - Google Analytics