jquery ready()的几种实现方法小结


Posted in Javascript onJune 18, 2010

1.最常用也是最标准的

$(document).ready(){ 
});

2.是上面的简写:
$(function(){ 
})

很奇怪?为什么能这样?不是判断document对象是否 reADy然后才执行函数的么?document哪去了?我们看下jQuery的源代码:
// jQuery的构造函数; 
var jQuery = function( a, c ) { 
// $(document).ready()的简写形式,只有在$(function(){...})下才会执行; 
if ( a && typeof a == "function" && jQuery.fn.ready ) return jQuery(document).ready(a); 
// 确保参数a非空,默认值为document; 
a = a || jQuery.context || document;

耶!找到了,我们再看下$这个方法的参数
$(selector,context)
第一个为选择器,第二个是容器
如果不填就默认为document
3.好吧!我承认这个方式是来打酱油的
jQuery(document).ready(function(){ 
});

4.
jQuery(function($){ 
alert($("#ready1").html()); 
});

第四种方式和第三种没有区别啊?各位客官仔细看!我们给functIOn传了一个参数$
第四种方式一般用在处理jQuery的$和别的库冲突的时候用的,通过jQuery.noConflict()这个方法,我们就可以直接在代码中通过jQuery来代替$来使用,但又习惯了使用$怎么办?看下面的代码:
jQuery.noConflict(); 
jQuery(function($){ 
alert($("#ready1").html()); //我们又能用上$符号了 
});

上面是目前本人知道的几种jQuery的ready ()的写法.如果还有其他的写法,望告知
Javascript 相关文章推荐
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
Dec 27 Javascript
初试jQuery EasyUI 使用介绍
Apr 01 Javascript
浅析js中的浮点型运算问题
Jan 06 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
Oct 10 Javascript
jQuery中DOM树操作之复制元素的方法
Jan 23 Javascript
JavaScript的类型、值和变量小结
Jul 09 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
Sep 14 Javascript
div实现自适应高度的textarea实现angular双向绑定
Jan 08 Javascript
ajax请求data遇到的问题分析
Jan 18 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
Jul 29 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
Nov 02 Javascript
JavaScript实现点击切换验证码及校验
Jan 10 Javascript
JQuery在光标位置插入内容的实现代码
Jun 18 #Javascript
JavaScript Chart 插件整理
Jun 18 #Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
Jun 18 #Javascript
Javascript下IE与Firefox下的差异兼容写法总结
Jun 18 #Javascript
js打印纸函数代码(递归)
Jun 18 #Javascript
jquery 弹出层注册页面等(asp.net后台)
Jun 17 #Javascript
jquery 多行滚动代码(附详细解释)
Jun 17 #Javascript
You might like
LNMP部署laravel以及xhprof安装使用教程
2017/09/14 PHP
PHP切割汉字的常用方法实例总结
2019/04/27 PHP
解决laravel资源加载路径设置的问题
2019/10/14 PHP
PHP 进程池与轮询调度算法实现多任务的示例代码
2019/11/26 PHP
javascript call和apply方法
2008/11/24 Javascript
node.js超时timeout详解
2014/11/26 Javascript
jquery专业的导航菜单特效代码分享
2015/08/29 Javascript
ES6中Math对象的部分扩展
2017/02/20 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
vue2.0在table中实现全选和反选的示例代码
2017/11/04 Javascript
jQuery解析json格式数据示例
2018/09/01 jQuery
解决vue热替换失效的根本原因
2018/09/19 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
2019/03/29 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
用Nodejs实现在终端中炒股的实现
2020/10/18 NodeJs
[48:48]完美世界DOTA2联赛PWL S3 Magama vs GXR 第一场 12.19
2020/12/24 DOTA
Python的自动化部署模块Fabric的安装及使用指南
2016/01/19 Python
使用Python编写一个最基础的代码解释器的要点解析
2016/07/12 Python
Python实现的多线程http压力测试代码
2017/02/08 Python
JSON Web Tokens的实现原理
2017/04/02 Python
python之matplotlib学习绘制动态更新图实例代码
2018/01/23 Python
windows下添加Python环境变量的方法汇总
2018/05/14 Python
Python实现通过继承覆盖方法示例
2018/07/02 Python
python遍历文件夹找出文件夹后缀为py的文件方法
2018/10/21 Python
FFrpc python客户端lib使用解析
2019/08/24 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
各大浏览器 CSS3 和 HTML5 兼容速查表 图文
2010/04/01 HTML / CSS
HTML5 直播疯狂点赞动画实现代码 附源码
2020/04/14 HTML / CSS
非凡女性奢华谦虚风格:The Modist
2017/10/28 全球购物
文明生主要事迹
2014/05/25 职场文书
餐饮服务食品安全责任书
2014/07/25 职场文书
2014年科协工作总结
2014/12/09 职场文书
党支部承诺书
2015/01/20 职场文书
天鹅湖观后感
2015/06/09 职场文书
同乡会致辞
2015/07/30 职场文书
导游词之南迦巴瓦峰
2019/11/19 职场文书