Jquery知识点一 Jquery的ready和Dom的onload的区别 - Web前端

作者：98wpeu发布时间：2026-05-31分类：网页前端技术浏览：7

导读：所以相对来说JQuery的ready可以提高网页的响应速度;jQuery:ready的标准写法：复制代码代码如下:$(document).ready(function(){...

所以相对来说JQuery的ready可以提高网页的响应速度;
jQuery:ready的标准写法：
复制代码代码如下:
$(document).ready(function() {
alert("加载结束");
});

一个$(document)将DOM对象的document转化为jquery对象，继而可以调用jquery的方法ready();因为dom对象是不可以调用JQuery的方法的，虽然他们的关系很亲密；
jquery:ready的简写形式：
复制代码代码如下:
$(function() {
alert("加载结束");
});

ready函数的一个主要作用就是为dom对象注册事件：
复制代码代码如下:
<!DOCtypehtml 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>

标签：知识点区别 Web onload Dom ready

上一篇：扩展easyui.datagrid，添加数据loading遮罩效果代码 - Web前端
下一篇：jquery异步调用页面后台方法&#8207;(asp.net) - Web前端

Jquery知识点一 Jquery的ready和Dom的onload的区别 - Web前端

相关推荐