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 相关文章推荐
JQuery从头学起第一讲
Jul 04 Javascript
JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
Oct 11 Javascript
javascript拖拽上传类库DropzoneJS使用方法
Dec 05 Javascript
利用js动态添加删除table行的示例代码
Dec 16 Javascript
详解JavaScript中setSeconds()方法的使用
Jun 11 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
Apr 04 Javascript
关于JavaScript 原型链的一点个人理解
Jul 31 Javascript
Vue.js开发环境快速搭建教程
Mar 17 Javascript
JS实现移动端实时监听输入框变化的实例代码
Apr 12 Javascript
React Native 环境搭建的教程
Aug 19 Javascript
Material(包括Material Icon)在Angular2中的使用详解
Feb 11 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
Feb 24 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
MySQL数据源表结构图示
2008/06/05 PHP
php ftp文件上传函数(基础版)
2010/06/03 PHP
理解php依赖注入和控制反转
2016/05/11 PHP
php无法连接mysql数据库的正确解决方法
2016/07/01 PHP
PHP 以POST方式提交XML、获取XML,解析XML详解及实例
2016/10/26 PHP
用php+ajax新建流程(请假、进货、出货等)
2017/06/11 PHP
Yii框架模拟组件调用注入示例
2019/11/11 PHP
jquery 简单导航实现代码
2009/09/11 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
2013/07/04 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
2016/09/08 Javascript
彻底学会Angular.js中的transclusion
2017/03/12 Javascript
ES6生成器用法实例分析
2017/04/10 Javascript
vue.js语法及常用指令
2017/10/29 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
2020/02/01 Javascript
python连接mysql数据库示例(做增删改操作)
2013/12/31 Python
浅谈django url请求与数据库连接池的共享问题
2019/08/29 Python
django2.2安装错误最全的解决方案(小结)
2019/09/24 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
python中time tzset()函数实例用法
2021/02/18 Python
HTML5时代CSS设置漂亮字体取代图片
2014/09/04 HTML / CSS
基于html5 canvas做批改作业的小插件
2020/05/20 HTML / CSS
个性化皮包、小袋、生活配件:Mon Purse
2019/03/26 全球购物
触发器(trigger)的功能都有哪些?写出一个触发器的例子
2012/09/17 面试题
会计电算化应届生求职信
2013/11/03 职场文书
会计出纳员的自我评价
2014/01/15 职场文书
普通员工辞职信
2014/01/17 职场文书
个人投资计划书
2014/05/01 职场文书
爱护公共设施的标语
2014/06/24 职场文书
2014年库房工作总结
2014/11/26 职场文书
学校教学工作总结2015
2015/05/19 职场文书
中国梦党课学习心得体会
2016/01/05 职场文书
咖啡厅里的创业计划书
2019/08/21 职场文书
Python控制台输出俄罗斯方块移动和旋转功能
2021/04/18 Python
使用Django实现商城验证码模块的方法
2021/06/01 Python