脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → 多个$(document).ready()的执行顺序

多个$(document).ready()的执行顺序实例分析

 更新时间：2014年07月26日 09:29:21   投稿：shichen2014  
这篇文章主要介绍了多个$(document).ready()的执行顺序实例分析,对于加深理解$(document).ready()的加载与执行顺序有很大帮助,需要的朋友可以参考下

本文以实例形式说明了多个$(document).ready()的执行顺序问题，由实例可以看出多个$(document).ready()的执行顺序并非单纯的顺序执行，其与嵌套层级也有一定的关系。具体实例代码如下：

<html>
<head>
<script src="./jquery-1.9.0.min.js"></script>
<script type="text/javascript">
  $(function(){
    alert('1');
    $(function(){
      alert('2');
      $(function(){
        alert('3');
      });
    });


  });
</script>
<body>
TTTTTTTTTTTT
<script type="text/javascript">
  $(document).ready(function() {
    alert('4');
    $(function(){
      alert('5');
    });


  });
</script>
KKKKKKKKKKKK
<script type="text/javascript">
  $(function(){
    alert('6');
    $(document).ready(function() {
      alert('7');
    });


  });
</script>
</body>
</html>

运行alert显示顺序为：1，4，6，2，5，7，3
读者可以自己测试体验一下，以加深对多个$(document).ready()执行顺序的理解。

您可能感兴趣的文章:

相关文章

  • 浅谈jQuery构造函数分析

    浅谈jQuery构造函数分析

    jquery的构造函数很好的运用的javascript的充分利用了JavsScript语言的动态性——对行参的类型和个数没有的严格要求，以至于一个函数可以实现多种功能需求，也为JavaScript语言的多态性提供了基础，在这个构造函数中，提供了六种不同的调用格式（根据官方API文档）
    2015-05-05
  • jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍

    jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍

    jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍，需要的朋友可以参考下。
    2011-11-11
  • jQuery 监控键盘一段时间没输入

    jQuery 监控键盘一段时间没输入

    当一个文本框中，里面的内容1秒钟无变化，则表示用户1秒钟内无输入，说明用户是已经输入完成，再等待返回数据了。那么jQuery如何实现判断1秒内无输入呢，一起通过本文学习吧
    2016-04-04
  • 让你的CSS像Jquery一样做筛选的实现方法

    让你的CSS像Jquery一样做筛选的实现方法

    用Jquery去操作HTML元素很方便，能够灵活自如的去查找。其实CSS也可以灵活方便的去查找筛选，以下用到的一些，整理了一下，还有很多有趣的用法，后续会继续添加。
    2011-07-07
  • jQuery判断div随滚动条滚动到一定位置后停止

    jQuery判断div随滚动条滚动到一定位置后停止

    这篇文章主要介绍了jQuery判断div随滚动条滚动到一定位置后停止的方法,需要的朋友可以参考下
    2014-04-04
  • jQuery学习笔记之jQuery动画效果

    jQuery学习笔记之jQuery动画效果

    本次学习分为两个文件的测试，第一个是基本动画，第二个是滑动和透明动画效果，分别如下
    2013-09-09
  • jquery实现淡入淡出轮播图效果

    jquery实现淡入淡出轮播图效果

    这篇文章主要为大家详细介绍了jquery实现淡入淡出轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12
  • jQuery基于ajax实现星星评论代码

    jQuery基于ajax实现星星评论代码

    这篇文章主要介绍了jQuery基于ajax实现星星评论代码,可实现实时显示评论效果的功能,基于Ajax实现,非常具有实用价值,需要的朋友可以参考下
    2015-08-08
  • Jquery数字上下滚动动态切换插件

    Jquery数字上下滚动动态切换插件

    有时我们需要动态的展示访问次数、下载次数等效果，我们可以借助jQuery结合后台php实现一个滚动的数字展示效果。
    2015-08-08
  • jquery选择器排除某个DOM元素的方法（实例演示）

    jquery选择器排除某个DOM元素的方法（实例演示）

    这篇文章主要介绍了jquery选择器排除某个DOM元素的方法,也就是在选中的一些元素中,过滤一些不需要的,使用jquery not选择器实现,需要的朋友可以参考下
    2014-04-04

最新评论