Jquery知识点一 Jquery的ready和Dom的onload的区别
更新时间：2011年01月15日 23:31:41 作者：
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的标准写法：
复制代码 代码如下:
$(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 mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
- jQuery中的ready函数与window.onload谁先执行
- 全面解析jQuery $(document).ready()和JavaScript onload事件
- jquery $(document).ready()和window.onload的区别浅析
- JQuery的ready函数与JS的onload的区别详解
- JQuery onload、ready概念介绍及使用方法
- jquery的$(document).ready()和onload的加载顺序
- jquery $(document).ready() 与window.onload的区别
- jquery中的$(document).ready()与window.onload的区别
- jQuery ready()和onload的加载耗时分析
相关文章
下面小编就为大家带来一篇jQuery自定义元素右键点击事件(实现案例)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
我们使用jQuery的ajax在页面中就像使用iframe一样加载其他页面内容，今天我给大家分享一个名叫jQuery oLoader的插件，该插件还集成了oPageLoader，可以轻松实现加载图片和页面的漂亮效果。2015-03-03
本文通过实例代码给大家讲解了基于jquery判断邮箱格式对错，非常实用，具有参考借鉴价值，需要的的朋友参考下吧2017-04-04
考虑到用户体验，当用户关闭tab时，自动切换到前一个tab不至于让用户看到空的界面。2010-07-07
轻松学习jQuery插件EasyUI，本文的重点在于EasyUI表单验证，并告诉大家如何提交表单，感兴趣的小伙伴们可以参考一下2015-12-12
Jquery 一次处理多个ajax请求的代码，需要的朋友可以参考下。2011-09-09
这篇文章主要介绍了jquery如何实现select选中行、列合计示例 ,需要的朋友可以参考下2014-04-04
jQuery中$.each的用法，学习jquery的朋友可以参考下。2010-03-03
本文给大家分享的是一段使用jQuery+CSS3实现树叶飘落特效的代码，效果非常不错，分享给大家，希望大家能够喜欢2015-02-02
最近在学习jquery，今天抽空用jquery写个checkbox——类似邮箱全选功能，感兴趣的你可以参考下哈，希望可以帮助到你2013-03-03
最新评论