jQuery与原生js加载模式的区别（入口文件的加载）

最新推荐文章于 2021-11-29 15:58:16 发布
最新推荐文章于 2021-11-29 15:58:16 发布
阅读量667 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript 文章标签： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Lisunlight/article/details/81805445
本文对比了原生JavaScript与jQuery在页面加载机制上的差异，包括写法、加载内容的不同及多个入口文件时的执行方式。原生JS会在DOM元素与图片完全加载后执行，而jQuery则在DOM元素加载完成后立即执行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、写法

js原生写法window.onload=function(ev){

}

jQuery写法$(document).ready(function(){

})或$(function(){

})

2、加载内容不同

原生js会在dom元素与图片内容都加载完后执行；

jQuery会在dom元素加载后执行，不会等待图片加载。

3、多个入口文件时执行方式不同

原生js只执行最后一个入口文件的内容，即后面的会覆盖前面的

jQuery多个都执行，前面的执行完才执行后面的

【JavaScript框架封装】使用原生js封装的类似于JQuery的框架及核心源码分享（多文件版本）
小牛itbull的博客
07-22 2428
这个版本的JQuery是对上一个版本的JQuery，使用了require.js进行了二次封装，基本上把前面的每一个框架封装成为一个单独的模块，最终的目录结构如下： 由于代码量和目录比较多，这个封装好的代码和目录已经全部上传到GitHub上面，需要的同学可以前往下载哈。 https://github.com/xiugangzhang/JavaScript-Xframe 【main.js】这...
【JQuery】:JQuery加载模式
Alan的博客
06-07 285
$(function(){     alert("看看我"); }); //必须要等到页面的代码加载完后才可以执行JQuery代码
jQuery Javascript加载模式
zxygww的专栏
07-10 446
http://edu.51cto.com/lesson/id-14460.html jQuery库文件是在body元素之前加载的，我们必须等待所有的DOM元素加载后，延迟支持DOM操作，否则就无法找到DOM元素。 window.onload = function(){};//javascript等待加载 $(document).ready(function(){});//jQue
jquery入口文件
老火靓汤的技术专栏
09-04 572
原生js入口函数 window.onload = function () { //代码 }123123 原生js函数入口函数是在文档加载完毕，而且图片资源加载完毕才开始执行 jquery入口函数 //第一种 $(document).ready(function () { //代码 }) //第二种 $(function () { //代码 }); /
jquery和js加载模式的区别
weixin_44578639的博客
05-02 405
jQuery库的引入 <script src="https://code.jquery.com/jquery-1.12.4.js" integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU=" crossorigin="anonymous"> ...
JQuery和js加载模式/多种写法/冲突解决
407指导员
11-26 263
JQuery和js加载模式 1.原生JS会等到DOM元素加载完毕，并且图片也加载完毕才会执行。 jQuery会等到DOM元素加载完毕，但不会等到图片也加载完毕就会执行 <script> window.onload = function () { //通过原生的JS入口函数可以拿到DOM元素 var img = document.getElementsByTagName("img")[0]; //通过原生JS入口函数可以获得DOM元素的宽高
理解jQuery入口函数与JavaScript的区别
"这是关于jQuery的个人笔记，涵盖了jQuery的入口函数、JavaScript与jQuery入口函数的对比，以及jQuery对象和DOM对象的区别。" 在前端开发中，jQuery是一个非常流行和实用的JavaScript库，它简化了许多常见的DOM操作...
jQuery实现动态进度条加载效果指南
**js**：JavaScript文件包含了实现动态功能的脚本代码，对于本案例，这应该是包含jQuery库以及自定义进度条特效实现逻辑的地方。通过编写JavaScript代码来控制进度条的加载行为，并与用户交互。 通过以上知识点的...
掌握jQuery+CSS3：点击按钮的加载动画效果
- js文件夹：这个文件夹包含所有的JavaScript文件，包括jQuery库文件和自定义的脚本文件。 七、实践应用 在开发实践中，设计师和开发者通常会基于以上知识点，利用jQuery和CSS3创建具有吸引力和功能性更强的用户...
手机端Swiper下拉刷新与上拉加载实现教程
原生JS的使用能够减小最终打包文件的大小，有助于提升页面加载速度，同时也利于开发者深入理解浏览器的DOM操作、事件监听等底层机制。 ### 知识点五：文件结构解析 - `index.html`：这个文件是项目的主要HTML页面...
jQuery和JS的加载模式
YYxiaobao0726的博客
03-03 236
今天复习了一下jQuery，虽然课堂上讲过这个。但老师几乎都是照本宣科，听了跟没听一个X样。下面看代码吧，还是挺容易理解的。 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt
JS三种加载方式
MichelleZhai的博客
02-28 2301
JS三种加载方式三种加载方式图解 三种加载方式图解
jQuery源码阅读 - 入口文件
CDTZYXZZY的博客
11-29 344
jQuery源码的学习并不是一朝一夕的事情，相关的blog也不是区区几篇就能写完的，所以需要有一个入口文件，指导如何开始对一系列文章逐步阅读。 入口文件也有目录的功能，方便随时能找到需要的文章。
jquery加载的四种方式
王二狗
10-18 334
js加载的方式
zpcqdkf的博客
08-15 423
今天遇见问题，但是项目中总是报文件underfind,哎， 惭愧，后来才反应过来，原来是js文件动态cdn加载的异步执行的原因 因此，根据网上各种资源和自己的理解，整理一下，自己参考 一：同步加载 我们平时使用的最多的一种方式。 <script src="http://yourdomain.com/script.js"></script> <script s...
jQuery入口函数
weixin_61256270的博客
11-29 814
jQuery入口函数的写法 和 原生js入口函数的区别
原生js的入口函数和jQuery的入口函数，以及区别
Enough0的博客
02-07 766
一、原生js的入口函数。 页面上所有内容（包括DOM元素，文本内容，以及图片）加载完毕才会执行函数。 window.onload = function () { alert(1); } 二、jQuery的入口函数 1、 文档加载完毕（不包含图片等非文字媒体文件），不等图片加载就可以执行这个函数。 $(document).ready(function () { alert(1); }) 2、同上，文档加载完毕（不包含图片等非文字媒体文件），不等图片
原生js的加载判断
jiangbinwangyi的博客
06-02 269
document.onreadystatechange = function(){ if(document.readyState == "complete"){ //加载完成…… } }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值