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 相关文章推荐
基于jquery的滚动新闻列表
Jun 19 Javascript
JS防止用户多次提交的简单代码
Aug 01 Javascript
javascript中如何处理引号编码"
Aug 15 Javascript
Jquery获取元素的父容器对象示例代码
Feb 10 Javascript
js中array的sort()方法使用介绍
Feb 20 Javascript
jQuery简易图片放大特效示例代码
Jun 09 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
Apr 27 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
Sep 23 Javascript
JS实现登录页密码的显示和隐藏功能
Dec 06 Javascript
微信小程序实现留言板
Oct 31 Javascript
javascript实现小型区块链功能
Apr 03 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
Mar 13 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表单验证的3个函数ISSET()、empty()、is_numeric()的使用方法
2011/08/22 PHP
php批量删除数据库下指定前缀的表以prefix_为例
2014/08/24 PHP
php设计模式之适配器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
jQuery之按钮组件的深入解析
2013/06/19 Javascript
js仿百度贴吧验证码特效实例代码
2014/01/16 Javascript
JS判断网页广告是否被浏览器拦截过滤的代码
2015/04/05 Javascript
ANGULARJS中使用JQUERY分页控件
2015/09/16 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
2016/05/27 Javascript
AngularJS实现给动态生成的元素绑定事件的方法
2016/12/14 Javascript
浅谈vue2 单页面如何设置网页title
2017/11/08 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
JavaScript提升机制Hoisting详解
2019/10/23 Javascript
vue之延时刷新实例
2019/11/14 Javascript
php使用递归与迭代实现快速排序示例
2014/01/23 Python
Python列表切片用法示例
2017/04/19 Python
Python实现1-9数组形成的结果为100的所有运算式的示例
2017/11/03 Python
python可视化实现代码
2019/01/15 Python
python调用opencv实现猫脸检测功能
2019/01/15 Python
Python Django Vue 项目创建过程详解
2019/07/29 Python
nginx黑名单和django限速,最简单的防恶意请求方法分享
2019/08/09 Python
Python集合基本概念与相关操作实例分析
2019/10/30 Python
Python爬虫实现模拟点击动态页面
2020/03/05 Python
Pytorch 解决自定义子Module .cuda() tensor失败的问题
2020/06/23 Python
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
英国在线自行车商店:Evans Cycles
2016/09/26 全球购物
是否有自动比较结构的方法
2015/06/03 面试题
如何清空Session
2015/02/23 面试题
思想品德自我鉴定
2013/10/12 职场文书
会计辞职信范文
2014/01/15 职场文书
人事任命书怎么写
2014/06/05 职场文书
人事任命书格式
2014/06/05 职场文书
经济管理专业求职信
2014/06/09 职场文书
大学奖学金获奖感言
2014/08/15 职场文书
2015年大学迎新晚会总结
2015/07/16 职场文书
小学校长开学致辞
2015/07/29 职场文书
【超详细】八大排序算法的各项比较以及各自特点
2021/03/31 Python