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

来源：互联网发布：宝矿力水特知乎编辑：程序博客网时间：2024/06/04 20:06

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> 