首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在document.ready上调用多个js函数而不将它们放在jQuery(document).ready(function(){});

在document.ready上调用多个js函数而不将它们放在jQuery(document).ready(function(){});的方法有多种。以下是其中几种常见的方法:

  1. 使用多个document.ready函数: 可以在页面中多次使用jQuery(document).ready(function(){});来调用不同的函数。每个document.ready函数内部可以调用一个特定的函数,这样可以实现在document.ready上调用多个函数的效果。例如:
代码语言:javascript
复制
jQuery(document).ready(function(){
    function1();
});

jQuery(document).ready(function(){
    function2();
});
  1. 使用自定义函数: 可以定义一个自定义函数,在该函数内部调用多个函数,并在document.ready中调用该自定义函数。例如:
代码语言:javascript
复制
function callMultipleFunctions(){
    function1();
    function2();
}

jQuery(document).ready(function(){
    callMultipleFunctions();
});
  1. 使用立即执行函数: 可以使用立即执行函数来调用多个函数,并将该立即执行函数放在document.ready中。立即执行函数会在定义后立即执行,可以用来调用多个函数。例如:
代码语言:javascript
复制
jQuery(document).ready(function(){
    (function(){
        function1();
        function2();
    })();
});

这些方法可以根据具体情况选择使用,以实现在document.ready上调用多个js函数的目的。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

一些原生写法可以替代Jquery方法

[‘trigger’](event);     });     return this;   }; 五、document.ready 目前的最佳实践,是将JavaScript脚本文件都放在页面底部加载。...这样的话,其实document.ready方法(jQuery简写为$(function))已经不必要了,因为等到运行的时候,DOM对象已经生成了。...fd : null);   } 然后,基于request函数,模拟jQuery的get和post方法。   ...其中,最有名的是zepto.js。它的设计目标是以最小的体积,做到最大兼容jQuery的API。zepto.js 1.0版的原始大小是55KB,优化后是29KB,gzip压缩后为10KB。...如果不求最大兼容,只希望模拟jQuery的基本功能,那么,min.js优化后只有200字节,而dolla优化后是1.7KB。 此外,jQuery本身采用模块设计,可以只选择使用自己需要的模块。

2.1K20
  • 如何做到 jQuery-free?

    el['trigger'](event);     });     return this;   }; 五、document.ready 目前的最佳实践,是将JavaScript脚本文件都放在页面底部加载...这样的话,其实document.ready方法(jQuery简写为$(function))已经不必要了,因为等到运行的时候,DOM对象已经生成了。...fd : null);   } 然后,基于request函数,模拟jQuery的get和post方法。   ...其中,最有名的是zepto.js。它的设计目标是以最小的体积,做到最大兼容jQuery的API。zepto.js 1.0版的原始大小是55KB,优化后是29KB,gzip压缩后为10KB。...如果不求最大兼容,只希望模拟jQuery的基本功能,那么,min.js优化后只有200字节,而dolla优化后是1.7KB。 此外,jQuery本身采用模块设计,可以只选择使用自己需要的模块。

    1.3K40

    web前端开发初学者十问集锦(5)

    也就是函数的定义与函数调用结合在了一起,是函数的一种定义方式,本质上就是函数表达式(命名的或者匿名的)在创建后立即执行; (2)立即执行函数的书写方式 常见的主要有两种方式。...那么JS事件处理函数中使用return的作用是什么呢?原来JavaScript在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置。...如果JS使用的JQuery框架,可使用document.ready来解决问题,作用是 $(document).ready( function(){ //执行的内容 }...); //或者简写成 $(function(){ //执行的内容 }); JQuery ready()的方法执行的时间就是指Dom Ready,他的作用或者意义就是:在DOM加载完成后就可以可以对...$(document).ready()与window.onload二者的区别: $(document).ready()方法在DOM完全就绪时就可以被调用。

    89320

    jQuery的编码标准和最佳实践

    /jquery.min.js"> window.jQuery || document.write('js/jquery-1.11.0.min.js...当你加载来自CDN上的jQuery时,你要指定你要加载的jQuery的完整版本号(像  1.11.0不要写成1.11或者1)。 不要加载多个不同版本的jQuery。 6. ...如果你想要使用其他的库,像Prototype,MooTools,Zapto等,它们同样是使用$符号,那么尽量不要使用$来调用jQuery的函数,使用jQuery来代替$。...文档ready事件的处理函数应该包含在外部的javascript文件中,内联的javascript应该在初始化之后直接调用处理函数。...检测所用插件与当前使用的jQuery版本是否兼容。 3. 一些常用功能应该写成jQuery插件。jQuery插件模板例子 链式语法 1. 使用链式语法作为替代变量缓存和多个选择器调用。

    1K20

    小程序开发知识必备-自定义组件

    Component({ created: function () { // 组件生命周期函数,在组件实例进入页面节点树时执行, //注意此时不能调用setData console.log...### 2> 小程序生命周期 xxx.js(非 App.js) Page({ data: {}, onLoad: function (options) { // 生命周期函数--监听页面加载...(),会触发 onUnload 1.小程序 页面加载顺序是先加载 onLoad,再是 onShow,最后 onReady 2.原生 JS document.ready 表示文档结构加载完成(不包含图片等非文字媒体文件...);ready 如果定义多个,都会按渲染顺序执行。...但是,onload 不管定义多少个,只执行一个(最后一个) 加载顺序是先加载 ready,后 onload,正好和小程序相反 3.Jquery (document).ready(function())

    1.4K20

    jquery对象和dom对象的相互转换

    已经为我们提供了各种事件处理方法,我们无需在html元素上直接写事件,而可以直接为通过jquery获取的对象添加事件。...当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。 //当鼠标放在表格的某行上时将class置为over,离开时置为out。...$(document).ready(function(){alert("Load Success")}) //页面加载完毕提示“Load Success”,相当于onload事件。...Name:lang, Value:JS $.extend(target,prop1,propN):用一个或多个其他对 象来扩展一个对象,返回这个被扩展的对象。..." 12、解决自定义方法或其他类库与jQuery的冲突 很多时候我们自己定义了$(id)方法来获取一个元素,或者其他的一些js类库如prototype也都定义了$方法,如果同时把这些内容放在一起就会引

    3.3K40

    最常见的 20 个 jQuery 面试问题及答案

    () 函数用于将任何对象包裹成 jQuery 对象,接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你甚至可以将一个选择器字符串传入   2....使用 jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它,浏览器会按它们在 HTML 页面里出现的顺序执行它们,相反对于 onload 技术而言,只能在单一函数里使用...你可以传一个函数给 each() 方法,被调用的 jQuery 对象会在其每个元素上执行传入的函数。有时这个问题会紧接着上面一个问题,举个例子,如何在 alert 框里显示所有选中项。...() 函数用于将任何对象包裹成 jQuery 对象,接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你甚至可以将一个选择器字符串传入   2....你可以传一个函数给 each() 方法,被调用的 jQuery 对象会在其每个元素上执行传入的函数。有时这个问题会紧接着上面一个问题,举个例子,如何在 alert 框里显示所有选中项。

    13.8K30

    JavaScript设计模式(2)——Module(模块)模式

    可以使得函数名于页面其他脚本定义的函数冲突的可能性降低。 2.1 私有 JavaScript中没有真正意义上的私有,因为它没有访问修饰符。因此需要使用函数作用域来模拟这一概念。...,暴露出来只有输出的API 鉴于函数往往函数已经声明并命名,在试图找到函数抛出的异常时,这将使调制器中显示调用堆栈显得容易 根据环境,可以返回不同的函数 3....模式变化 3.1 引入混入 下面的例子演示了全局变量(jQuery,Underscore)如何作为参数传递给模块的匿名函数。我们引入它们,并给它们取一个本地别名。...// 引入jQuery和Uderscore })(jQuery, _); myModule.publicMethod(); 3.2 引出 下面的例子声明了一个全局变量,而不需要实现它们,并可以同样地作为全局变量引入到模块中...document.ready。

    76750

    Jquery 使用技巧总结

    已经为我们提供了各种事件处理方法,我们无需在html元素上直接写事件,而可以直接为通过jquery获取的对象添加事件。...当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。 //当鼠标放在表格的某行上时将class置为over,离开时置为out。...(2)ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。...$(document).ready(function(){alert("Load Success")}) //页面加载完毕提示“Load Success”,相当于onload事件。..." 12、解决自定义方法或其他类库与jQuery的冲突 很多时候我们自己定义了$(id)方法来获取一个元素,或者其他的一些js类库如prototype也都定义了$方法,如果同时把这些内容放在一起就会引起变量方法定义冲突

    2.9K20

    WEB入门之十四 jQuery事件

    -1.7.2.min.js"> $(document).ready()和window.onload虽然很相似,但是它们在执行时机方面是有区别的。...test中调用,然后给onload事件绑定test函数即可 虽然示例5.3把问题解决了,但是在某些情况下仍然不能满足需求,例如,如果脚本代码分布在多个外部js文件中,而每个js文件都需要使用onload...jQuery中的ready()事件则可以很好的处理这个问题,每次给ready()事件绑定函数都会进行追加,而不是覆盖,例如下面的代码。 ​...-1.7.2.min.js"> $(document).ready()和window.onload虽然很相似,但是它们在执行时机方面是有区别的。...,这两个函数都正常执行,而不是第二个函数覆盖第一个函数 3.​简写形式​ 由于ready()事件使用频繁,jQuery提供了一种简写方式。

    12910

    WEB入门之十四 jQuery事件

    -1.7.2.min.js">$(document).ready()和window.onload虽然很相似,但是它们在执行时机方面是有区别的。...test中调用,然后给onload事件绑定test函数即可 虽然示例5.3把问题解决了,但是在某些情况下仍然不能满足需求,例如,如果脚本代码分布在多个外部js文件中,而每个js文件都需要使用onload...jQuery中的ready()事件则可以很好的处理这个问题,每次给ready()事件绑定函数都会进行追加,而不是覆盖,例如下面的代码。...-1.7.2.min.js">$(document).ready()和window.onload虽然很相似,但是它们在执行时机方面是有区别的。...,而不是第二个函数覆盖第一个函数 3.简写形式 由于ready()事件使用频繁,jQuery提供了一种简写方式。

    8210

    jquery面试题目_高并发面试题

    () 函数用于将任何对象包裹成 jQuery 对象,接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你甚至可以将一个选择器字符串传入 2....$(document).ready() 是个什么函数?为什么要用它?(answer) 这个问题很重要,并且常常被问到。 ready() 函数用于在文档进入ready状态时执行代码。...使用 jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它,浏览器会按它们在 HTML 页面里出现的顺序执行它们,相反对于 onload 技术而言,只能在单一函数里使用...你可以传一个函数给 each() 方法,被调用的 jQuery 对象会在其每个元素上执行传入的函数。有时这个问题会紧接着上面一个问题,举个例子,如何在 alert 框里显示所有选中项。...(this) 返回一个 jQuery 对象,你可以对它调用多个 jQuery 方法,比如用 text() 获取文本,用val() 获取值等等。

    9.4K10

    window.onload 、$(function()function())、;(function(){}());的执行顺序(初)

    ,来做js的处理,匿名函数把代码包含在匿名函数中,以此来把它置身于全局范围之外。...;(function(){ //代码块 }()); 但是,这个只能放在元素之后,做处理或者调用,如果放在DOM元素之前,会报错,阻塞下面执行。JS是有执行顺序的。...大家都知道,如果 JS 动态加载数据,绑定事件的时候,会找不到此DOM元素,此时可以用Jquery 的另一个绑定事件 delegate()事件执行。...JQuery扫描文档查找('#container'),并使用click事件和a这一CSS选择器作为参数,把alert函数绑定到('#container')上。...任何时候只要有事件冒泡到 而 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。

    3.6K30
    领券