`
argel_lj
  • 浏览: 362994 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

$().ready(function()与$(function(){的区别

 
阅读更多
$(function(){...});
这是JQuery的语法,$表示JQuery对象,可以有好几种用法。比如传递选择器字符串、页面对象等,如果直接传函数体进去,表示当页面加载完毕时执行这个函数;
$().ready(function(){...});

//(document)意思是说,获取整个网页文档对象(类似的于window.document)

//$(document).ready意思就是说,获取文档对象就绪的时候。

$(document).ready(function() {
// do stuff when DOM is ready  //当文档载入后从此处开始执行代码
});

 

区别:无区别

$(document).ready(function(){})  的简写是 $(function(){})

 

执行顺序($(window).load(function(){})和$(document).ready(function(){})、$(function(){})):

1.页面DOM加载完成

2.$(document).ready(function(){})  的简写是 $(function(){}) 执行

3.图片样式等所有HTML元素加载完毕

4.$(window).load(function(){}) 执行

 
分享到:
评论

相关推荐

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

    在jQuery库中,`$`和`$.fn`都是核心组成部分,但它们有着不同的用途和功能。...通过实践和探索`Jquery中$与$.fn的区别实例`中的示例,你将能深入理解这两个核心组件的用法和它们在实际项目中的应用。

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

    **第五种:jQuery的`$(document).ready()`与`window.onload()`的区别** - `$(document).ready()`在DOM元素加载完毕后立即执行,不需要等待所有资源(如图片、CSS等)加载完成。 - 相比之下,`window.onload()`需要...

    JQuery下关于$.Ready()的分析

    本文主要讨论的是jQuery中的`$.ready()`方法及其与`onload`事件、`$(window).load()`方法的区别与应用。 首先,`$.ready()`方法,通常写作`$(document).ready()`,它的主要作用是在DOM(文档对象模型)完全加载完毕...

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

    3. 如果可能,尝试将`$(document).ready()`中的代码移至`window.onload`事件中,看看是否能正常执行,以确定问题是否与DOM加载有关。 4. 如果有多个库在使用`$`,考虑使用`jQuery.noConflict()`来避免冲突。 通过...

    jQuery使用$.get()方法从服务器文件载入数据实例

    本文实例讲述了jQuery使用$.get()方法从服务器文件载入数据。分享给大家供大家参考。具体如下: ... $.get(demo_test.asp,function(data,status){ alert(Data: + data + \nStatus: + status); });

    Jquery showLoading资源总结

    - 对于性能优化,确保在不需要显示加载指示器时及时调用`$.hideLoading()`,以避免影响用户体验。 总的来说,`jQuery showLoading`插件是一个实用的工具,能够帮助开发者轻松地在网页中添加加载指示器,提升用户...

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

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

    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(function(){ })"函数的使用详解

    $(document).ready(function() { alert("hello"); }); 这行代码将会在页面加载完成后立即显示一个包含“hello”的对话框。它等同于传统的JavaScript写法: ('hello');"> 但在使用JQuery时,我们倾向于将表现和...

    jquery消息插件

    $(document).ready(function(){ $.messager.show(0,'送你一个Jquery Messager消息弹出插件!'); $("#showMessager300x200").click(function(){ $.messager.lays(300, 200); $.messager.show(0, '300x200的消息...

    JQuery Tips相关(1)—-关于$.Ready()

    在jQuery中,可以链式调用多个$.Ready()函数,它们会按照添加的顺序依次执行,无需担心代码的美观性问题,例如: ```javascript $(document).ready(function() { // 第一个函数 }); $(document).ready(function() ...

    jQuery动态增删tab选项卡

    $(document).ready(function() { $('.tabContent').hide(); // 隐藏所有内容区域 $('.tabs a').click(function(e) { e.preventDefault(); // 阻止默认的链接跳转 var target = $(this).attr('href'); // 获取...

    Jquery BlockUI的使用

    例如,我们可以简单地调用`$.blockUI()`来锁定整个页面: ```javascript $(document).ready(function() { $.blockUI(); }); ``` 要解锁页面,只需调用`$.unblockUI()`: ```javascript $(document).ready...

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

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

    26个Jquery使用小技巧

    $.preloadImages = function(){ for(var i = 0; i < arguments.length; i++){ $("<img/>").attr("src", arguments[i]); } }; $(document).ready(function(){ $.preloadImages("image1.jpg"); }); ``` **知识点...

    jQuery 1.4实用技巧

    在 jQuery 1.4 版本中,`$.support` 替代了之前的 `$.browser` 变量,但为了兼容性考虑,仍保留了 `$.browser`。下面是一些常见的浏览器检测代码示例: ```javascript $(document).ready(function(){ // 针对 Fire...

    js学习笔记大全

    * 如果 arg 是 function 则认为是 c$.ready 的缩写,在dom加载完成时执行。没有此参数则返回 c$ 对象。 * @param dom 需要选择的DOM对象,默认是 window.document * @return 没有arg参数时返回 c$ 对象,arg参数是...

    jquery.blockUI完整事例

    然后,通过JavaScript调用$.blockUI方法,设置遮罩层的信息: ```javascript $(document).ready(function() { $('#myButton').click(function() { $.blockUI({ message: '请稍后' }); }); }); ``` 在上面的例子...

Global site tag (gtag.js) - Google Analytics