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 相关文章推荐
不错的JS中变量相关的细节分析
Aug 13 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
Oct 29 Javascript
Bootstrap中的Panel和Table全面解析
Jun 13 Javascript
jQuery新窗口打开外链接
Jul 21 Javascript
EasyUI学习之Combobox下拉列表(1)
Dec 29 Javascript
Vue.js学习笔记之常用模板语法详解
Jul 25 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
Dec 24 Javascript
通过cordova将vue项目打包为webapp的方法
Feb 02 Javascript
利用原生JS实现欢乐水果机小游戏
Apr 23 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
May 29 Javascript
详解js中的几种常用设计模式
Jul 16 Javascript
vue 里面的 $forceUpdate() 强制实例重新渲染操作
Sep 21 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
给初学PHP的5个入手程序
2006/11/23 PHP
php中json_encode中文编码问题分析
2011/09/13 PHP
php HTML无刷新提交表单
2016/04/05 PHP
PHP  实现等比压缩图片尺寸和大小实例代码
2016/10/08 PHP
javascript 特性检测并非浏览器检测
2010/01/15 Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
2012/02/27 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
2014/02/22 Javascript
js定时器实例分享
2016/12/20 Javascript
详解Jquery Easyui的验证扩展
2017/01/09 Javascript
AngularJS折叠菜单实现方法示例
2017/05/18 Javascript
jQuery ajax读取本地json文件的实例
2017/10/31 jQuery
vuejs项目打包之后的首屏加载优化及打包之后出现的问题
2018/04/01 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
2018/08/28 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
2018/09/20 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
2019/01/19 Javascript
vue.js 打包时出现空白页和路径错误问题及解决方法
2019/06/26 Javascript
解决layui 表单元素radio不显示渲染的问题
2019/09/04 Javascript
javascript 使用sleep函数的常见方法详解
2020/04/26 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
使用python编写批量卸载手机中安装的android应用脚本
2014/07/21 Python
Python3操作SQL Server数据库(实例讲解)
2017/10/21 Python
PyCharm配置mongo插件的方法
2018/11/30 Python
python 使用正则表达式按照多个空格分割字符的实例
2018/12/20 Python
Python 3.8 新功能全解
2019/07/25 Python
python爬虫 urllib模块发起post请求过程解析
2019/08/20 Python
python交互模式基础知识点学习
2020/06/18 Python
CSS3动画特效在活动页中的应用
2020/01/21 HTML / CSS
详解移动端HTML5音频与视频问题及解决方案
2018/08/22 HTML / CSS
阿里巴巴美国:Alibaba美国
2019/11/24 全球购物
保密承诺书范文
2014/03/27 职场文书
上海世博会口号
2014/06/19 职场文书
实习生辞职信范文
2015/03/02 职场文书
小学生光盘行动倡议书
2015/04/28 职场文书
田径运动会广播稿
2015/08/19 职场文书
学习弘扬焦裕禄精神心得体会
2016/01/23 职场文书
PHP中->和=>的意思
2021/03/31 PHP