jQuery文档处理程序

原创 2012年03月26日 11:05:23

jQuery文档处理程序

所谓的文档处理程序,是指jQuery中提供的$(document).ready事件,此事件会在dom加载完毕后触发,而window.onlaod和body.onload都是在页面完全加载后触发。

jQuery文档处理程序介绍

在jQuery中想实现在DOM加载完毕后的处理逻辑,只需要使用$(document).ready()事件。此事件函数称为“jQuery文档处理程序”。

可以在页面的任何位置,甚至是外部的js文件中,编写如下列语句:

$(document).ready(function (){ alert(“document.ready”)});

则在页面的DOM加载完毕后,会立刻执行alert语句。如果页面上有大的图片、js文件等外部资源需要加载,jQuery的文档处理程序会在其之前执行,而window.onload和boyd.onload是在所有的资源文件加载完毕后执行的。

Ready()函数时jQuery“事件函数”中提供的一个jQuery对象函数,签名位ready(fn)。

fn是ready事件发生时执行的函数。

因为是jQuery对象函数,意味着可以在任何jQuery对象上调用:

$(“body”).ready(function (){ alert(“body.ready”)});

上面的语句等同于:

$(document).ready(function (){alert(“body.ready”)});

虽然ready()函数可以作用在任何jQuery对象上,但是使用时一定要注意对象是否具有ready事件。

也可以使用“$(fn)”这种简化的形式:

$(function (){….})  //等效于$(document).ready(function(){…});

同jQuery中所有的事件对象一样,$(document).ready事件,会按照出现的先后顺序执行。

比如,可以调用两次$(document).ready事件:

$(document).ready(function (){alert(“document.ready-1”)});

$(document). ready(function (){alert(“document.ready-2”)});

则在DOM加载完毕后,首先输出“document.ready-1”,然后输出“document.ready-2”。如果使用传统的:

Window.onload=function(){…..};

上面的代码会将window.onload原有的事件处理掉,然后绑定新的事件。


jquery之文档就绪处理程序

jquery之文档就绪处理程序
  • fhd001
  • fhd001
  • 2011年04月09日 14:56
  • 765

jQuery文档处理程序的优势

jQuery文档处理程序的优势 如果脚本需要在页面加载时执行,那么大部分的脚本都可以放在$(document).ready()事件中。 在举例jQuery文档处理程序的优势之前,先看一个常见的ja...
  • dingyan954
  • dingyan954
  • 2012年03月26日 17:33
  • 456

jQuery 文档碎片处理

通过JS操作DOM节点可能以节点为单位进行,比如添加节点,可以createElement,createTextNode,然后用appendChild把文本节点和容器节点绑定在一起,然后再用append...
  • lcstrive
  • lcstrive
  • 2014年06月13日 11:36
  • 1328

jquery文档就绪函数

jquery内置对象函数 a{ border:1px solid red; font-size:28px; } ...
  • miachen520
  • miachen520
  • 2016年07月17日 09:55
  • 5000

【js学习笔记-091】-----------注册事件处理程序

注册事件处理程序 两种方式: 一 给事件目标对象或文档元素设置属性 二 更具有通用性,是将事件处理程序传递给对象或元素的一个方法 但是复杂的是,每种技术都有两个版本。可以在js代码中设置事件处理程序为...
  • pigpigpig4587
  • pigpigpig4587
  • 2014年01月29日 10:42
  • 1399

玩转Web值jquery(一)---对表单中的某一标签批量处理(以input为例)

jquery可以对form进行操作,以批量操作某一标签,这里以input标签为例总结。 示例一:对删除infoForm表单的input的所有readonly属性 $("#infoForm inp...
  • u012116457
  • u012116457
  • 2014年05月19日 22:46
  • 1637

jQuery之文档操作

内部插入 外部插入 删除 复制 替换 append(content)  将指定的内容追加至指定的元素中的最后 appendTo(content) ...
  • LHN_hpu
  • LHN_hpu
  • 2014年11月25日 19:17
  • 632

jquery当文档载入完毕就执行

一、$(document).ready(function() { } 二、$(function() { })
  • daijiguo
  • daijiguo
  • 2015年08月17日 10:15
  • 482

jQuery.ui.1.7.2--Datepicker中文文档

这是Datepicker部分的翻译, 有时间的朋友可以加到那份完整的里面...方面查阅.  ...
  • lgg201
  • lgg201
  • 2010年03月06日 16:54
  • 21010

jQuery——基本语法与文档就绪函数

利用jQuery可以将结构(Html)、美化(Css)与交互(JavaScript)的部分有效的分离,从而让页面得到良好的可读性。 利用jQuery开发程序的步骤如下: 将jquery-1.11...
  • Yeoman92
  • Yeoman92
  • 2016年12月29日 17:22
  • 920
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery文档处理程序
举报原因:
原因补充:

(最多只允许输入30个字)