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 相关文章推荐
js 对象是否存在判断
Jul 15 Javascript
JQuery的read函数与js的onload不同方式实现
Mar 18 Javascript
多个datatable共存造成多个表格的checkbox都被选中
Jul 11 Javascript
jquery中ready()函数执行的时机和window的load事件比较
Jun 22 Javascript
浅谈window对象的scrollBy()方法
Jul 15 Javascript
JQuery zClip插件实现复制页面内容到剪贴板
Nov 02 Javascript
jQuery实现的多滑动门,多选项卡效果代码
Mar 28 Javascript
用JS动态改变表单form里的action值属性的两种方法
May 25 Javascript
JS实现HTML标签转义及反转义
Apr 14 Javascript
JS实现含有中文字符串的友好截取功能分析
Mar 13 Javascript
微信小程序button标签open-type属性原理解析
Jan 21 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
Mar 12 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多种序列化与反序列化的方法
2013/06/06 PHP
PHP使用pcntl_fork实现多进程下载图片的方法
2014/12/16 PHP
微信公众平台开发实现2048游戏的方法
2015/04/15 PHP
php 把数字转换成汉字的代码
2015/07/21 PHP
php生成图片缩略图功能示例
2017/02/22 PHP
jquery判断RadioButtonList和RadioButton中是否有选中项示例
2013/09/29 Javascript
easyui Draggable组件实现拖动效果
2015/08/19 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
2015/09/16 Javascript
javascript实现列表切换效果
2016/05/02 Javascript
jQuery Tags Input Plugin(添加/删除标签插件)详解
2016/06/20 Javascript
详解Node.js:events事件模块
2016/11/24 Javascript
AngularJS 购物车全选/取消全选功能的实现方法
2017/08/14 Javascript
JavaScript面向对象精要(下部)
2017/09/12 Javascript
JavaScript内存泄漏的处理方式
2017/11/20 Javascript
详解webpack中的hash、chunkhash、contenthash区别
2018/01/05 Javascript
Vue仿百度搜索功能
2020/12/28 Vue.js
决策树的python实现方法
2014/11/18 Python
python实现QQ空间自动点赞功能
2019/04/09 Python
Python 面向对象部分知识点小结
2020/03/09 Python
Python ATM功能实现代码实例
2020/03/19 Python
浅析Python 多行匹配模式
2020/07/24 Python
python爬虫调度器用法及实例代码
2020/11/30 Python
适合各种场合的美食礼品:Harry & David
2016/08/03 全球购物
吉列剃须刀美国官网:Gillette美国
2018/07/13 全球购物
非常详细的C#面试题集
2016/07/13 面试题
如何在C# winform中异步调用web services
2015/09/21 面试题
电子邮箱格式怎么写
2014/01/12 职场文书
四年大学生活的自我评价范文
2014/02/07 职场文书
教师节商场活动方案
2014/02/13 职场文书
《蚂蚁和蝈蝈》教学反思
2014/02/24 职场文书
机工车间主任岗位职责
2014/03/05 职场文书
机电一体化求职信
2014/03/10 职场文书
教师爱岗敬业演讲稿
2014/05/05 职场文书
学习经验演讲稿
2014/05/10 职场文书
总结Java对象被序列化的两种方法
2021/06/30 Java/Android
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫