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.οnlοad=function(){…..};

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

jQuery文档处理程序相关推荐

jQuery 效果函数，jquery文档操作，jQuery属性操作方法，jQuerycss操作函数，jQuery参考手册-事件，jQuery选择器
jQuery 效果函数方法描述 animate() 对被选元素应用"自定义"的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选 ...
使用 SAX 解析器简化文档处理程序的编写
http://www-900.ibm.com/developerWorks/cn/xml/x-dochan.shtml 有时候 SAX 文档处理程序的代码可能变得非常麻烦.结构性差而且难以维护,尤其是 ...
jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法
为什么80%的码农都做不了架构师?>>> 原文地址:http://www.w3school.com.cn/jquery/manipulation_detach.asp 实例使 ...
jquery文档加载完毕后执行的几种写法
2019独角兽企业重金招聘Python工程师标准>>> 1.js文档加载完毕标签内 οnlοad="test()" window.οnlοad=function ...
JavaScript之jQuery够用即可（查找筛选器、属性操作、jQuery文档处理）
文章目录一.筛选器补充二.jQuery属性操作三.jQuery文档处理一.筛选器补充 1.过滤筛选器就是查看某个标签中是否存在另外一个标签 // console.log($("di ...
Scrapy笔记（2）——使用正则表达式提取jQuery文档内容
任务:提取如下网页中Data中内容: jQuery1123006065544693397551_1623470103055({"Message":"",&quo ...
11月17日学习内容整理：jquery文档处理，事件细讲，动画
一.文档处理:下面举例中的B可以是标签也可以是选择器也可以是字符串 >>>添加到指定元素内部的后面 $(A).append(B) // 把B放到A内部元素的最后,A是父节点$(A). ...
jQuery文档就绪
很多jQuery代码都有如下片段: $(document).ready(function(){//代码 }) 作用就是等文档结构加载完成后再去执行function中的代码,功能类似于window.on ...
jQuery文档初始化函数原理
在jQuery的脚本使用中,经常注册文档初始化函数,比如:$(function(){}); 那么这句话原理是什么呢? 原理一.把completed函数注册到文档加载的原生事件中关键在这一句docum ...
Jquery文档处理操作
文档处理 1.内部插入 1.1 append(content|fn) 向每个匹配的元素内部追加内容 $("p").append("appent") ( &quo ...

jQuery文档处理程序

jQuery文档处理程序相关推荐

最新文章

热门文章