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 相关文章推荐
取选中的radio的值
Jan 11 Javascript
在JavaScript中call()与apply()区别
Jan 22 Javascript
jquery动态创建div与input的实例代码
Oct 12 Javascript
jQuery实现的浮动层div浏览器居中显示效果
Feb 03 Javascript
浅谈原生JS中的延迟脚本和异步脚本
Jul 12 Javascript
jquery对table做排序操作的实例演示
Aug 10 jQuery
详解使用Next.js构建服务端渲染应用
Jul 10 Javascript
一些手写JavaScript常用的函数汇总
Apr 16 Javascript
3分钟了解vue数据劫持的原理实现
May 01 Javascript
vue 自定义右键样式的实例代码
Nov 06 Javascript
构建Vue大型应用的10个最佳实践(小结)
Nov 07 Javascript
小程序实现tab标签页
Nov 16 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
比较时间段一与时间段二是否有交集的php函数
2011/05/31 PHP
PHP+Mysql+jQuery文件下载次数统计实例讲解
2015/10/10 PHP
yii2使用ajax返回json的实现方法
2016/05/14 PHP
JavaScript中的Location地址对象
2008/01/16 Javascript
JQuery获取文本框中字符长度的代码
2011/09/29 Javascript
JQuery插件Style定制化方法的分析与比较
2012/05/03 Javascript
js登录弹出层特效
2014/03/07 Javascript
JavaScript删除数组元素的方法
2015/03/20 Javascript
javascript实现3D变换的立体圆圈实例
2015/08/06 Javascript
jQuery超酷平面式时钟效果代码分享
2020/03/30 Javascript
jQuery实现分章节锚点“回到顶部”动画特效代码
2015/10/23 Javascript
JS函数多个参数默认值指定方法分析
2016/11/28 Javascript
微信小程序 Toast自定义实例详解
2017/01/20 Javascript
浅谈express 中间件机制及实现原理
2017/08/31 Javascript
VUE 全局变量的几种实现方式
2018/08/22 Javascript
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
vue项目打包上传github并制作预览链接(pages)
2019/04/19 Javascript
[32:07]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第一场 12.16
2020/12/17 DOTA
python字符串连接方式汇总
2014/08/21 Python
python转换字符串为摩尔斯电码的方法
2015/07/06 Python
详解python中的json的基本使用方法
2016/12/21 Python
安装Python和pygame及相应的环境变量配置(图文教程)
2017/06/04 Python
Flask核心机制之上下文源码剖析
2018/12/25 Python
tensorflow 固定部分参数训练,只训练部分参数的实例
2020/01/20 Python
如何使用Python发送HTML格式的邮件
2020/02/11 Python
Django后端分离 使用element-ui文件上传方式
2020/07/12 Python
Python Pygame实现俄罗斯方块
2021/02/19 Python
阿巴庭院:Abba Patio
2019/06/18 全球购物
应届行政管理专业个人自我评价
2013/12/28 职场文书
师说教学反思
2014/02/07 职场文书
团队口号大全
2014/06/06 职场文书
村级个人对照检查材料
2014/08/22 职场文书
活动总结结尾怎么写
2014/08/30 职场文书
起诉离婚协议书样本
2014/11/25 职场文书
2014年人事行政工作总结
2014/12/03 职场文书
战友聚会致辞
2015/07/28 职场文书