教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 Jquery的ready和Dom的onload的区别分析

Jquery的ready和Dom的onload的区别分析

发布时间:2015-10-16   编辑:jiaochengji.com
本文介绍下Jquery的ready和Dom的onload的区别,有需要的朋友,可以参考下。

说明:
onload是所有dom元素创建完毕,图片、css等都加在完毕后才触发。
ready则是dom元素创建完毕后就被触发

jquery的ready可以提高网页的响应速度;

jquery:ready的标准写法:
 

复制代码 代码示例:
$(document).ready(function() {
alert("加载结束");
});

一个$(document)将dom对象的document转化为jquery对象,继而可以调用jquery的方法ready();
因为dom对象是不可以调用jquery的方法的,虽然他们的关系很亲密;
 

复制代码 代码示例:
jquery:ready的简写形式:
$(function() {
alert("加载结束");
});

ready函数的一个主要作用就是为dom对象注册事件:
 

复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../myjs/jquery-1.4.2.js" type="text/javascript"></script>
<script type ="text/javascript" >
$(function() {
$("#clickme").click(function() {
alert("你点击了我,呵呵!");
});
});
</script>
</head>
<body>
<input type ="button" id="clickme" value ="点击一下亲" />
</body>
</html>

从以上的代码,就可以看出Jquery的ready和Dom的onload的区别了,希望对大家有所帮助。

您可能感兴趣的文章:
Jquery的ready和Dom的onload的区别分析
探讨 Jquery ready和Dom onload的区别
jquery $(document).ready() 与window.onload的区别
jquery的$(document).ready()与onload的加载顺序分析
Jquery知识点一 Jquery的ready和Dom的onload的区别
JQuery的ready函数与JS的onload的区别详解
jquery $(document).ready()与window.onload的区别分析
JQuery onload、ready概念介绍及使用方法
JQuery onload、ready详解
JQuery下关于$.Ready()的分析

[关闭]
~ ~