jQuery的入口函数和原生js的入口函数的区别

最新推荐文章于 2024-03-31 22:16:44 发布

转载最新推荐文章于 2024-03-31 22:16:44 发布 · 200 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sz-toosimple/p/11529652.html

文章标签：

#javascript #ViewUI

本文深入解析了原生JS的window.onload与jQuery的$(document).ready(function)及$(function)的区别，探讨了它们的加载模式及函数重写特性，为前端开发者提供更清晰的理解。

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

原生js入口函数，window.onload

jQuery入口函数$(document).ready(function) $(function)

区别1：加载模式不同，window.onload 等到界面全部加载完毕，包括图片也加载完毕才会执行，$(document).ready等到界面加载完毕，不会等图片加载完成就执行，所以这时候通过jQuery拿不到图片元素的宽高

区别2：重写window.onload会覆盖原有的函数，而jQuery会将函数加到事件链中

转载于:https://www.cnblogs.com/sz-toosimple/p/11529652.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30432179

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JQuery的入口函数和原生的入口函数的区别

郭宝的博客

11-15

519

JQuery的入口函数$(document).ready(function () {})和window.onload = function () {}入口函数的区别： 1、编写的个数不相同，window.onload只能编写一个，而JQuery的入口函数可以编写多个。window.onload编写多个时会出现事件覆盖的问题，比如编写三个window.onload函数，但是最终只会执...

js和jq入口函数的区别

tangyuanpp的博客

09-15

285

页面加载完成有两种事件一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）二是onload，指示页面包含图片等文件在内的所有元素都加载完成。一、JavaScript 入口函数: window.onload = function () { // 执行代码 } 1.执行时机：等到所有内容，包括外部图片之类的文件加载完后，才会执行。 2.执行次数：只能执行一...

参与评论您还未登录，请先登录后发表或查看评论

原生js的入口函数和jQuery的入口函数，以及区别

Enough0的博客

02-07

765

一、原生js的入口函数。页面上所有内容（包括DOM元素，文本内容，以及图片）加载完毕才会执行函数。 window.onload = function () { alert(1); } 二、jQuery的入口函数 1、文档加载完毕（不包含图片等非文字媒体文件），不等图片加载就可以执行这个函数。 $(document).ready(function () { alert(1); }) 2、同上，文档加载完毕（不包含图片等非文字媒体文件），不等图片

js入口函数

ymzhao

04-23

1768

原生js // 不仅文本加载完毕，而且图片也要加载完毕，再执行函数。 window.onload = function () { console.log(1); } jQuery // 1.文档加载完毕，图片不加载的时候就可以执行这个函数。 $(document).ready(function () { console.log(1); }) $(function () { console.log(1); }); // 2.文档加载完毕，图片加载完毕的时候再执行这个函数。 $(window).read

jquery入口函数和原生js入口函数的区别

weixin_45674894的博客

10-09

496

jquery入口函数写法一; $(document).ready(function(){ 功能代码 }) 写法二(简写); $(function(){ 功能代码 }) 原生js入口函数 window.οnlοad=function(){ 功能代码 } 首先说一下写jquery入口函数有什么好处 1.文档加载完成后执行该函数,能确保获取到元素。 2.可以形成沙箱模式,防止全局变量污染问题。原生j...

jQuery函数的等价原生函数代码示例

10-27

然而，随着现代浏览器对原生JavaScript API的不断改进和优化，许多jQuery方法都可以用原生方法替代，而原生方法往往具有更好的性能，尤其是在针对现代浏览器时。以下是一些常见的jQuery方法以及它们的原生等价函数...

原生js实现jquery函数animate()动画效果的简单实例

10-21

在前端开发中，jQuery提供了一套非常方便的API来实现动画效果，但随着Web标准的发展和性能优化需求的提高，原生JavaScript的方法逐渐受到青睐。通过原生JavaScript实现动画，能够更精确地控制动画过程，并在需要时...

理解jQuery入口函数与JavaScript的区别

"这是关于jQuery的个人笔记，涵盖了jQuery的入口函数、JavaScript与jQuery入口函数的对比，以及jQuery对象和DOM对象的区别。" 在前端开发中，jQuery是一个非常流行和实用的JavaScript库，它简化了许多常见的DOM操作...

JavaScript的入口函数和jQuery的入口函数的区别

蜗牛的博客

10-02

742

1、jquery的入口函数 $(document).ready(function(){ //dosomething }) 2、js的入口函数 window.onload = function () { //js的入口函数 } 注意： 1、js的入口函数要比jq的入口函数执行得晚一些，就是说会先执行jq的入口函数再执行js的入口函数。 2、js...

JS入口函数和jQuery入口函数的区别

欢迎━(*｀∀´*)ノ亻来到我的博客

09-09

668

JS入口函数： window.onload = function() { 要执行的代码 } jQuery入口函数： //完整写法： $(document).ready(function(){ 要执行的代码 }); //可以简写 $(function(){ 要执行的代码 }); JS和jQuery入口函数，其实想解决的问题差不多，就是想在文档中的标签加载完毕后再执行js、jq代码，说白点就是想在每个HTML页面的元素创建后，在执行js、jq代码。如果不这么做会造成下

jQuery框架（三）：JS与JQ的入口函数区别

一点一滴铺就人生

07-10

397

原生的JS的入口函数指的是：window.onload = function(){}: 如下所示： //原生js的入口函数。页面上所有内容加载完毕，才执行。//不仅要等文本加载完毕，而且要等图片也加载完毕，才执行函数。 <script type="text/javascript"> window.onload = function () { alert("hello"); } </script> 而jQuery的入口函数

JQuery入口函数与JS的区别

林高禄

08-06

5749

问题回顾 JS的入口函数 JQuery的入口函数 JQuery入口函数与JS的区别书写简洁 JS入口函数的定义多次只能生效一次 JQuerry入口函数的定义多次只能生效多次问题回顾例子，比如下面的代码是一个典型的错误例子 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>入口函数</t.

jQuery和JS入口函数的区别

从菜鸟到入土的博客

01-29

295

jQuery和JS入口函数的区别 1.通过原生的JS入口函数可以拿到DOM元素 2.通过原生的JS入口函数可以拿到DOM元素的宽高 3.原生JS和jQuery入口函数的加载模式不同 3.1原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行 3.2jQuery会等到DOM元素加载完毕,但不会等到图片也加载完毕就会执行 4.原生的JS如果编写了多个入口函数,后面编写的会覆盖前面编写的 5.jQuery中编写多个入口函数,后面的不会覆盖前面的 <!DOCTYPE html> <html

jQuery入口函数、js入口函数

旧风年间的博客

11-08

6459

区别： 1、jQuery入口函数可以书写多次，window.onload只能书写一次； 2、执行的时机不同，jQuery的入口，一旦我dom结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成；window.onload 的是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码。 //1、jQuery入口函数 $(document).ready(function()...

JQuery和JS的入口函数比较

No8g攻城狮的博客

04-09

512

首先要知道JQuery入口函数和JS入口函数的区别：区别一：在页面中书写个数不同：　　（1）JS的入口函数只能出现一次，出现多次会存在后者将前者事件覆盖的问题。　　（2）JQuery的入口函数，可以出现任意多次，并不存在事件覆盖问题。区别二：执行时机不同：　　（1）JS的入口函数是在所有的文件资源加载完成后，才执行。这些文件资源包括：页面文档、外部的JS文件、外部的...

javaScript入口函数和jQuery入口函数的区别

zhouyuzhu666的博客

09-09

258

javaScript入口函数：1、必须等到网页全部加载完毕（包括图片等），才会执行被包裹的代码；2、只能有一个入口函数，如果有多个入口函数后面的入口函数会覆盖掉前面的入口函数 //语法 window.onload = function(){ //执行的js代码 } jQuery入口函数：1、等到网页中的DOM加载完毕就可以执行被包裹的代码了；2、可以有多个入口函数，并且后面的入口函数不会覆盖前面的入口函数 //语法 $(document).ready(function(){ //执行的jQuery代码

jQuery和JS入口函数的两个区别

qq_45560350的博客

06-02

222

区别1 入口函数的加载模式不同 1.原生JS会等到DOM元素加载完毕，并且图片也加载完毕才会执行 2.jQuery只会等到DOM元素加载完毕，不会等到图片也加载完毕就会执行区别2 多个入口函数覆盖问题 1.原生的JS如果编写了多个入口函数，后面编写的会覆盖前面编写的，只会执行最后一个入口函数 2.jQuery中如果编写了多个入口函数，后面的不会覆盖前面的，都会执行 ...

原生 JS与Jquery 入口函数的差别及 $ 冲突问题

qq_40159489的博客

06-20

1348

1.原生 JS与Jquery 入口函数加载模式不同（只有script 放在文档上面时才使用的入口函数） JS 入口加载函数 window.onload = function(){ } 原生js 会等到DOM元素加载完毕，并且元素中的 src 也加载完毕才会执行 JQuery 入口函数 $(document).ready(function(){ }) 和 $(functio...

JS的入口函数，并讲解入口函数的作用