Jquery知识点一 Jquery的ready和Dom的onload的区别

134 阅读 0 评论 89 点赞

我是靠谱客的博主个性楼房，最近开发中收集的这篇文章主要介绍Jquery知识点一 Jquery的ready和Dom的onload的区别，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

所以相对来说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> 