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 相关文章推荐
JavaScript 原型学习总结
Oct 29 Javascript
js前台判断开始时间是否小于结束时间
Feb 23 Javascript
jquery序列化表单以及回调函数的使用示例
Jul 02 Javascript
jQuery实现定位滚动条位置
Aug 05 Javascript
超实用的javascript时间处理总结
Aug 16 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
Sep 04 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
Feb 17 Javascript
vue仿淘宝订单状态的tab切换效果
Jun 23 Javascript
使用Vuex实现一个笔记应用的方法
Mar 13 Javascript
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
Sep 29 Javascript
如何通过vscode运行调试javascript代码
Jul 24 Javascript
vue+vant实现购物车全选和反选功能
Nov 17 Vue.js
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
phpwind中的数据库操作类
2007/01/02 PHP
PHP实现中文圆形印章特效
2015/06/19 PHP
php操作路径的经典方法(必看篇)
2016/10/04 PHP
Yii2实现增删改查后留在当前页的方法详解
2017/01/13 PHP
PHP字典树(Trie树)定义与实现方法示例
2017/10/09 PHP
PHP+jQuery实现即点即改功能示例
2019/02/21 PHP
?牟┛途W扣了一??效果出?? target=
2007/05/27 Javascript
DHTML Slide Show script图片轮换
2008/03/03 Javascript
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
2010/04/13 Javascript
jQuery.autocomplete 支持中文输入(firefox)修正方法
2011/03/10 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
2013/11/28 Javascript
基于Bootstrap和jQuery构建前端分页工具实例代码
2016/11/23 Javascript
Node.js查找当前目录下文件夹实例代码
2017/03/07 Javascript
Canvas放置反弹效果随机图形(实例)
2017/08/17 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
2018/03/17 Javascript
使用JS获取页面上的所有标签
2018/10/18 Javascript
vue过滤器用法实例分析
2019/03/15 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
2020/04/24 Javascript
初步理解Python进程的信号通讯
2015/04/09 Python
Python实现的微信好友数据分析功能示例
2018/06/21 Python
HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
2013/01/30 HTML / CSS
LocalStorage记住用户和密码功能
2017/07/24 HTML / CSS
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
英国电器零售商:PRC Direct
2018/06/21 全球购物
意大利在线购买隐形眼镜网站:VisionDirect.it
2019/03/18 全球购物
如何用JQuery进行表单验证
2013/05/29 面试题
水务局局长岗位职责
2013/11/28 职场文书
火车的故事教学反思
2014/02/11 职场文书
促销活动计划书
2014/05/02 职场文书
法学专业求职信
2014/07/15 职场文书
政风行风整改方案
2014/10/25 职场文书
工厂采购员岗位职责
2015/04/07 职场文书
办公室日常管理制度
2015/08/04 职场文书
初二数学教学反思
2016/02/17 职场文书
2016年小学党支部创先争优活动总结
2016/04/05 职场文书
vue实现同时设置多个倒计时
2021/05/20 Vue.js