首页
学习
活动
专区
工具
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完全就绪时就可以被调用

    88420

    jQuery的编码标准和最佳实践

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

    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

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

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

    75850

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

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

    13.8K30

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

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

    9.4K10

    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

    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.5K30

    前端面试题汇总

    服务器优化 (1)使用内容分发网络(CDN):把网站内容分散到多个、处于不同地域位置的服务器可以加快下载速度。...可以类比 CPU 和硬盘,既然硬盘这么慢,我们就在它们之间加个缓存:既然 DOM 这么慢,我们就在它们 JS 和 DOM 之间加个缓存。...、html加载顺序 html,css,js加载顺序 - NewLife365 - 博客园 29、谈谈document.ready和window.onload的区别 在Jquery里面,我们可以看到两种写法...:(function(){}) 和(document).ready(function(){}) 这两个方法的效果都是一样的,都是在dom文档树加载完之后执行一个函数(注意,这里面的文档树加载完不代表全部文件加载完...window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。也就是说$(document).ready要比window.onload先执行。

    2.8K30

    jQuery源码浅析

    如果说php是世界最好的语言,那么javascript无疑可以称为世界最飘逸的语言,最近看了下jQuery的源码,实现了一个简陋的jQuery。...我觉得要看懂jQuery整体结构,需要搞懂js作用域链,闭包,js prototype继承,关于闭包网络的定义实在太多了,这里参照了js权威指南里的定义,感觉从js的角度好理解一点。...闭包:js函数对象不仅包含函数的代码逻辑,还引用了当前的作用域链, 函数对象可以通过作用域链相互关联起来,函数体内部的变量都可以保存在函数作用域内 这种特性在计算机科学文献中称为闭包,所有的js函数都是闭包...javascript运行在它被定义的作用域里,不是执行的作用域里 关于js作用域参见 : http://www.laruence.com/2009/05/28/863.html 废话少说,滥代码 <...源码 * 省略了一些规范,AMD, Commonjs * 整个jQuery包含在匿名函数中,函数就是闭包 */ (function(window, factory){ factory

    91930
    领券