`

JQuery中$(document)和$(window)是什么意思,有什么作用

阅读更多

 

$(document) 是当前文档,就是你看到的整个网页
$(window) 如果没有框架则就是你浏览的当前浏览器的窗口

 

$(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数,因为它可以极大地提高web应用程序的响应速度

 

 

首先我解释一下jQuery jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数,那就是ready… 他在页面加载完成之前执行。

为什么不用window.onload(),因为window.onload函数执行的时候,要说明所有东西已经载入,包括图像和横幅等等。要知道较大的图片下载速度会比较慢,因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果,这样就花费了很长的等待时间,这不是我们想要的。

但是 $(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。

简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数. $(document).ready(function(){ // 你的代码 });

$(document)意思是说,获取整个网页文档对象(类似的于window.document),

 

$(document).ready意思就是说,获取文档对象就绪的时候。上面这段代码的意思是检查文档对象直到它能够允许被操作

分享到:
评论

相关推荐

    JQuery中$(document)是什么意思有什么作用

    而$(document).ready(fn)是一个十分重要的函数,其作用是在DOM(文档对象模型)加载完成并且可以被查询和操作时立即执行所绑定的函数fn,这在构建Web应用程序时尤其有用,因为它能够显著提高应用程序的响应速度。...

    jQuery(document).ready(function($) { });的几种表示方法

    `jQuery(document).ready()`函数是jQuery中的一个重要概念,它确保了在执行任何JavaScript代码之前,DOM已经完全加载和解析完成。这个特性使得开发者可以在不担心元素未定义的情况下操作DOM。以下是几种常见的表示...

    jQuery之$(document).ready()使用介绍

    在学习jQuery框架时,了解$(document).ready()函数的作用至关重要。这一函数是管理页面加载顺序和时机的核心部分,它确保了页面的DOM元素完全加载并可被脚本操作之后,才执行包裹在其中的代码。 ### 知识点:jQuery...

    jquery的$(document).ready()和onload的加载顺序

    通过查看jQuery的源码,我们可以看到在IE浏览器中,`$(document).ready()`实际上被绑定到了`window.load`事件上,这就解释了为什么在IE中`onload`事件会先于`$(document).ready()`执行。如果页面存在无法访问的资源...

    全面解析jQuery中的$(window)与$(document)的用法区别

    在jQuery中,`$(window).load()`和`$(document).ready()`是两种常用的事件绑定,用于在页面加载完成后执行特定的JavaScript代码。然而,它们之间存在关键的区别: 1. `$(document).ready()`: 这个事件在DOM(文档...

    jquery 与 document 小细节

    本文将深入探讨“jQuery与document”的小细节,帮助开发者更好地理解和利用这两个核心概念。 首先,jQuery的核心是它的选择器功能,它允许我们以一种简洁的方式来选取DOM元素。例如,`$(document)`这一句就选取了...

    浅谈$(document)和$(window)的区别

    在JavaScript和jQuery的世界里,`$(document)` 和 `$(window)` 都是非常常见的对象,但它们代表的意义并不相同。这篇文章将深入探讨这两个对象的区别,并通过实际示例来帮助理解。 `$(document)` 是jQuery的一个...

    jquery window

    标题 "jquery window" 指的是 jQuery 中与浏览器窗口(window 对象)相关的操作和功能。jQuery 是一个广泛使用的 JavaScript 库,它简化了 JavaScript 的 DOM 操作、事件处理、动画制作等任务。在 jQuery 中,`...

    jQuery获得document和window对象宽度和高度的方法

    首先,我们需要了解什么是document和window对象。在JavaScript中,document代表了整个HTML文档的内容和结构,window对象则代表了浏览器窗口本身,是全局对象。 在jQuery中,获得document对象的宽度和高度的常用方法...

    jQuery获取iframe的document对象的方法

    本篇文章将详细介绍如何在jQuery中获取`iframe`的`document`对象,并探讨相关的应用和注意事项。 ### 1. 获取`iframe`的`document`对象 如标题和描述所述,获取`iframe`的`document`对象通常是为了进行DOM操作。在...

    jquery中ready()函数执行的时机和window的load事件比较

    总结来说,jQuery 的 ready() 函数和 window 的 load 事件在页面加载过程中有着明确的分工和不同的触发时机: 1. ready() 函数实现的是 DOMContentLoaded 事件,它在 DOM 结构完全加载后立即触发,而不等待其他资源...

    jQuery中使用了document和window哪些属性和方法小结

    在jQuery中,开发者经常利用`document`和`window`对象来实现页面交互和DOM操作。这些对象提供了丰富的属性和方法,使得JavaScript能够更好地与网页内容进行交互。虽然`document.getElementById()`和`object....

    jquery-1.8.3chm中文手册下载

    5. **文档处理**:这部分涵盖了如何在文档加载的不同阶段执行函数,如`$(document).ready()`, `$(window).load()`, 和 `$.ajaxStart()`等。同时,`$(function() {})`是`$(document).ready()`的简写形式。 6. **CSS*...

    jQuery中document与window以及load与ready 区别详解

    在探讨jQuery中document与window的区别以及load和ready事件的不同之处时,我们首先需要了解JavaScript中的基本概念以及jQuery是如何封装和简化这些操作的。jQuery作为一个流行的JavaScript库,它提供了一套简化的...

    $(document)

    `$(document).ready(function(){ })` 是jQuery库中的一个非常重要的方法,它的主要作用是在文档(DOM)加载完成后执行指定的函数。这里的 `$(document)` 指的是整个HTML文档对象模型(Document Object Model),而 `...

    全面解析jQuery $(document).ready()和JavaScript onload事件

    这两个阶段分别对应了jQuery中的$(document).ready()方法和JavaScript的onload事件。 $(document).ready()是jQuery提供的一个方法,它允许我们在DOM结构完全加载并且解析后立即执行代码。在描述中提到,$(document)...

    解决chrome对jQuery的支持问题

    2. **使用jQuery的`$.load()`**:除了`$(document).ready()`,jQuery还提供了`$(window).load()`,它的行为类似于原生的`window.onload`,等待所有资源加载后再执行。 3. **使用`DOMContentLoaded`事件**:这是原生...

    jquery $(document).ready()和[removed]的区别浅析

    在JQuery中有一个经常被使用的方法$(document).ready(),这个方法在文档加载完成后会立即执行。而window.onload是原生JavaScript中用于检测页面上所有资源加载完成的事件。两者的用法在很多情况下非常相似,但它们...

Global site tag (gtag.js) - Google Analytics