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


Posted in Javascript onJanuary 15, 2011

所以相对来说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>
Javascript 相关文章推荐
javascript 面向对象,实现namespace,class,继承,重载
Oct 29 Javascript
深入理解JavaScript系列(37):设计模式之享元模式详解
Mar 04 Javascript
jquery中ready()函数执行的时机和window的load事件比较
Jun 22 Javascript
jquery实现定时自动轮播特效
Dec 10 Javascript
js实现精确到秒的倒计时效果
May 29 Javascript
Bootstrap实现input控件失去焦点时验证
Aug 04 Javascript
使用Bootstrap美化按钮实例代码(demo)
Feb 03 Javascript
微信小程序 参数传递实例代码
Mar 20 Javascript
微信小程序 首页制作简单实例
Apr 07 Javascript
Vue 按键修饰符处理事件的方法
May 04 Javascript
解决vue 单文件组件中样式加载问题
Apr 24 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
Jan 12 Javascript
JavaScript去掉数组中的重复元素
Jan 13 #Javascript
javascript基础知识大集锦(二) 推荐收藏
Jan 13 #Javascript
javascript基础知识大集锦(一) 推荐收藏
Jan 13 #Javascript
myFocus slide3D v1.1.0 使用方法与下载
Jan 12 #Javascript
异步加载script的代码
Jan 12 #Javascript
数组方法解决JS字符串连接性能问题有争议
Jan 12 #Javascript
js对数字的格式化使用说明
Jan 12 #Javascript
You might like
Thinkphp模板中使用自定义函数的方法
2012/09/23 PHP
PHP错误处理函数
2016/04/03 PHP
jquery ready()的几种实现方法小结
2010/06/18 Javascript
使用javascipt---实现二分查找法
2013/04/10 Javascript
Javascript遍历table中的元素示例代码
2014/07/08 Javascript
jQuery实现列表的全选功能
2015/03/18 Javascript
基于JavaScript操作DOM常用的API小结
2015/12/01 Javascript
简单实现js页面切换功能
2021/01/10 Javascript
nodejs连接mongodb数据库实现增删改查
2016/12/01 NodeJs
通过jsonp获取json数据实现AJAX跨域请求
2017/01/22 Javascript
Angular2平滑升级到Angular4的步骤详解
2017/03/29 Javascript
jQuery自定义图片上传插件实例代码
2017/04/04 jQuery
修改node.js默认的npm安装目录实例
2018/05/15 Javascript
VUE实现可随意拖动的弹窗组件
2018/09/25 Javascript
详解react native页面间传递数据的几种方式
2018/11/07 Javascript
vue登录注册实例详解
2019/09/14 Javascript
vue选项卡切换登录方式小案例
2019/09/27 Javascript
Openlayers学习之加载鹰眼控件
2020/09/28 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
2020/10/21 Javascript
[00:06]Yes,it worked!小卡尔成功穿越时空加入战场!
2019/07/20 DOTA
python 表达式和语句及for、while循环练习实例
2017/07/07 Python
python中abs&amp;map&amp;reduce简介
2018/02/20 Python
Python文本统计功能之西游记用字统计操作示例
2018/05/07 Python
Python爬虫实现简单的爬取有道翻译功能示例
2018/07/13 Python
信号量和自旋锁的区别?如何选择使用?
2015/09/08 面试题
学生生病请假条范文
2014/02/16 职场文书
给孩子的新年寄语
2014/04/08 职场文书
心理健康活动总结
2014/04/30 职场文书
市场策划求职信
2014/08/07 职场文书
领导干部群众路线教育实践活动剖析材料
2014/10/10 职场文书
工作批评与自我批评范文
2014/10/16 职场文书
医药公司开票员岗位职责
2015/04/15 职场文书
2015年度招聘工作总结
2015/05/28 职场文书
优秀党员主要事迹范文
2015/11/05 职场文书
Python开发工具Pycharm的安装以及使用步骤总结
2021/06/24 Python
Nginx 匹配方式
2022/05/15 Servers