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 相关文章推荐
User Scripts: Video Download by User Scripts
May 14 Javascript
兼容FireFox 的 js 日历 支持时间的获取
Mar 04 Javascript
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
Jan 22 Javascript
JavaScript闭包函数访问外部变量的方法
Aug 27 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
Sep 03 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
May 21 Javascript
在Vue项目中使用d3.js的实例代码
May 01 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
May 10 Javascript
layui表格 列自动适应大小失效的解决方法
Sep 06 Javascript
使用Bootstrap做一个朝代历史表
Dec 10 Javascript
原生js canvas实现鼠标跟随效果
Aug 02 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
星际争霸 Starcraft 编年史
2020/03/14 星际争霸
PHP 身份证号验证函数
2009/05/07 PHP
PHP验证码类代码( 最新修改,完全定制化! )
2010/12/02 PHP
PHP中foreach循环中使用引用要注意的地方
2011/01/02 PHP
Windows下的PHP安装文件线程安全和非线程安全的区别
2014/04/23 PHP
php计划任务之ignore_user_abort函数实现方法
2015/01/08 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
php写app接口并返回json数据的实例(分享)
2017/05/20 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
javascript中常用编程知识
2013/04/08 Javascript
一个封装js代码-----展开收起效果示例
2013/07/03 Javascript
一段非常简单的js判断浏览器的内核
2014/08/17 Javascript
js 动态添加元素(div、li、img等)及设置属性的方法
2016/07/19 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
2016/09/01 Javascript
JS实现浏览器打印、打印预览示例
2017/02/28 Javascript
node跨域请求方法小结
2017/08/25 Javascript
详解Vue.js项目API、Router配置拆分实践
2018/03/16 Javascript
详解性能更优越的小程序图片懒加载方式
2018/07/18 Javascript
详解js中Array的方法及技巧
2018/09/12 Javascript
使用JavaScript破解web
2018/09/28 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
2018/10/09 Javascript
小程序实现自定义导航栏适配完美版
2019/04/02 Javascript
分享一个vue项目“脚手架”项目的实现步骤
2019/05/26 Javascript
浅谈vue中组件绑定事件时是否加.native
2019/11/09 Javascript
JavaScript中的几种继承方法示例
2020/12/06 Javascript
[06:53]2018DOTA2国际邀请赛寻真——为复仇而来的Newbee
2018/08/15 DOTA
两个使用Python脚本操作文件的小示例分享
2015/08/27 Python
python批量从es取数据的方法(文档数超过10000)
2018/12/27 Python
PyTorch笔记之scatter()函数的使用
2020/02/12 Python
幼师自荐信
2013/10/26 职场文书
2014国庆节标语口号
2014/09/19 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
酒店前台辞职书
2015/02/26 职场文书
2015年评职称工作总结范文
2015/04/20 职场文书
永远是春天观后感
2015/06/12 职场文书
解决Mysql多行子查询的使用及空值问题
2022/01/22 MySQL