`

Jquery和JS的加载事件区别

阅读更多
1.执行时间:

                window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。

                $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。


2.编写个数不同

                window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个

                $(document).ready()可以同时编写多个,并且都可以得到执行


3.简化写法

                window.onload没有简化写法

                $(document).ready(function(){})可以简写成$(function().{});
分享到:
评论

相关推荐

    jquery-1.9.1.js 、jquery-1.9.1.min.js 【官方jquery包 js】

    `jquery-1.9.1.js`是未压缩的源代码版本,便于开发者阅读、调试和学习,而`jquery-1.9.1.min.js`是经过压缩和优化后的版本,体积更小,适用于生产环境,以提高页面加载速度。 jQuery 1.9.1版本是一个重要的里程碑,...

    jquery-2.1.1.js 、jquery-2.1.1.min.js 【jquery包 js】

    jQuery的引入通常有两种形式:未压缩的`jquery-2.1.1.js`和压缩版的`jquery-2.1.1.min.js`。未压缩版本主要用于开发环境,便于调试和理解代码;而压缩版本则用于生产环境,通过去除空格、注释和简化变量名等方式减小...

    为jQuery添加自定义事件机制

    总结,为jQuery添加自定义事件机制是通过`$.fn.extend`扩展jQuery功能,使用`on`和`off`来绑定和解除事件,通过`trigger`来触发事件,并可以传递参数。这种机制极大地丰富了jQuery的事件处理能力,使得开发者能够...

    js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法

    今天我们就来看看他们的实现思路和js控制动态加载的代码 下面的代码主要是控制滚动条下拉时的加载事件的 在下面代码说明出,写上你的操作即可,无论是加载图片还是加载记录数据 都可以  别忘了引用jquery类库 $...

    jQuery和JS实现瀑布流

    通过学习和实践如何使用jQuery和JavaScript实现瀑布流布局,不仅可以提升前端开发技能,还能为用户提供更佳的视觉体验和交互效果。同时,这个过程也会让你深入理解DOM操作、事件处理以及性能优化等关键知识点。

    jquery-1.8.3.js 、jquery-1.8.3.min.js 【官方jquery包 js】

    而"jquery-1.8.3.min.js"则是经过压缩和优化后的版本,文件大小显著减小,适用于生产环境,可以提高网页加载速度。 jQuery 1.8.3版本在功能上继承了jQuery一贯的优雅特性,包括选择器引擎(Sizzle)、链式调用、DOM...

    jquery引用文件——jquery.js

    jQuery是由John Resig开发的开源JavaScript库,其主要目标是简化JavaScript的DOM操作,同时提供丰富的事件处理、动画效果和Ajax交互。jQuery的命名源自"JavaScript"和"Quirksmode"的组合,意在解决浏览器之间的兼容...

    jQuery和JavaScript使用小案例

    在IT行业中,jQuery和JavaScript是两个非常重要的前端开发库和语言,它们在构建交互式网页和动态用户界面方面发挥着巨大作用。这个压缩包文件"jQueryAndJs"包含了一些使用这两种技术的小案例,旨在帮助学习者更好地...

    jquery.lazyload图片预加载效果 jquery预加载

    《jQuery LazyLoad 图片预加载技术详解》 在网页设计中,图片的加载速度往往直接影响着用户体验。当页面中包含大量图片时,如果一次性全部加载,可能会导致页面加载时间过长,用户需要等待,这无疑降低了网站的可用...

    jQuery.js下载 最全的jQuery.js下载

    jQuery.js是Web开发中广泛使用的JavaScript库,以其简洁、高效的语法和丰富的功能集而闻名。这个下载包提供了全面的jQuery.js版本,适用于不同项目需求。在网页开发中,jQuery极大地简化了DOM操作、事件处理、动画...

    jQuery中文API和jQuery.js文件

    jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。这个压缩包包含了jQuery的中文API文档和jQuery的核心库文件。 首先,我们来看jQuery的中文API文档。这个...

    jquery-1.9.1(js和min.js下载)

    综上所述,jQuery 1.9.1版本是开发者常用的一个版本,它提供了完善的DOM操作、事件处理、动画和Ajax等功能,结合js和min.js两种形式,满足了开发与优化的需求。通过深入理解并熟练应用jQuery,开发者可以高效地构建...

    jQuery-1.12.4.js和jQuery-1.8.3.min.js

    同时,使用.min.js版本(如"jQuery-1.8.3.min.js")是为了在生产环境中减小文件大小,提高页面加载速度,因为它已经过压缩和优化。而在开发过程中,通常使用未压缩的.js版本(如"jQuery-1.12.4.js"),以便于调试和...

    jquery-3.0.0.js 、jquery-3.0.0.min.js 【官方jquery包 js】

    1. 文件大小:`.min.js`是经过压缩和混淆后的版本,文件大小显著减小,有利于提高页面加载速度,降低用户等待时间。 2. 代码优化:通过删除注释、合并变量、缩短函数名等手段,`.min.js`在不牺牲功能的前提下,实现...

    jquery.js和jquery.cookie.js

    在Web开发领域,jQuery是一个非常重要的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。jQuery.js是这个库的核心文件,包含了许多实用的功能,使得开发者无需编写复杂的原生JavaScript代码...

    jquery-2.1.4.js 、jquery-2.1.4.min.js 【jquery包 js】

    标题中提到的"jquery-2.1.4.js"和"jquery-2.1.4.min.js"正是这个库的两个版本,它们在网页动态效果处理、DOM操作、事件处理等方面有着广泛的应用。 首先,我们来了解下jQuery的核心理念: "Write Less, Do More"。...

    jquery-3.4.1_jquery_3.4.1.js_jquery-3.4.1_sangat1_jquery3.4.1_jq

    jQuery通过提供一套丰富的API,使得开发者可以快速实现常见的网页操作,如选择元素、添加事件监听器、执行AJAX请求等,而无需编写大量复杂的原生JavaScript代码。 在标签中,"jquery_3.4.1.js"和"jquery-3.4.1"再次...

    jquery-3.1.1.js 、jquery-3.1.1.min.js 【jquery包 js】

    2. **事件处理**:jQuery简化了事件绑定和解绑,如`.on()`用于添加事件监听器,`.off()`用于移除事件监听器,`.trigger()`则用于触发事件。此外,还有`.click()`, `.hover()`, `.change()`等便捷的事件处理函数。 3...

    jquery页面加载效果

    "jQuery页面加载效果"是指利用JavaScript库jQuery实现的动态加载动画,它能够以吸引人的视觉方式展示网页内容正在加载的过程,使用户在等待期间不会感到乏味。这种效果在现代网页设计中被广泛应用,尤其在内容分块...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。它的API设计易于理解和使用,使得开发者能够用更少的代码实现更多的功能,提高了开发效率。 2. **jQuery ...

Global site tag (gtag.js) - Google Analytics