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队列控制方法详解queue()/dequeue()/clearQueue()
Dec 02 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
Jun 10 Javascript
Javascript中的方法和匿名方法实例详解
Jun 13 Javascript
javascript实现3D切换焦点图
Oct 16 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
Feb 25 Javascript
AngularJS中isolate scope的用法分析
Nov 22 Javascript
浅谈js算法和流程控制
Dec 29 Javascript
bootstrap组件之按钮式下拉菜单小结
Jan 19 Javascript
javascript获取以及设置光标位置
Feb 16 Javascript
JS实现动态给标签控件添加事件的方法示例
May 13 Javascript
vue实现点击隐藏与显示实例分享
Feb 13 Javascript
JS写滑稽笑脸运动效果
May 28 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
咖啡的种类和口感
2021/03/03 新手入门
php实现批量下载百度云盘文件例子分享
2014/04/10 PHP
smarty模板引擎从php中获取数据的方法
2015/01/22 PHP
PHP编程基本语法快速入门手册
2016/01/07 PHP
ThinkPHP 3.2.3实现加减乘除图片验证码
2018/12/05 PHP
JS实现页面超时后自动跳转到登陆页面
2015/01/19 Javascript
JS Ajax请求如何防止重复提交
2016/06/13 Javascript
jQuery实现的导航下拉菜单效果
2016/07/04 Javascript
vue.js入门(3)——详解组件通信
2016/12/02 Javascript
JS获得一个对象的所有属性和方法实例
2017/02/21 Javascript
在Js页面通过POST传递参数跳转到新页面详解
2017/08/25 Javascript
vue按需引入element Transfer 穿梭框
2017/09/30 Javascript
详解关于element el-button使用$attrs的一个注意要点
2018/11/09 Javascript
js+html实现周岁年龄计算器
2019/06/25 Javascript
使用Vue实现简单计算器
2020/02/25 Javascript
详解vue3.0 diff算法的使用(超详细)
2020/07/01 Javascript
design vue 表格开启列排序的操作
2020/10/28 Javascript
Python单体模式的几种常见实现方法详解
2017/07/28 Python
机器学习经典算法-logistic回归代码详解
2017/12/22 Python
python将三维数组展开成二维数组的实现
2019/11/30 Python
在Python中实现函数重载的示例代码
2019/12/12 Python
浅谈优化Django ORM中的性能问题
2020/07/09 Python
自定义Django_rest_framework_jwt登陆错误返回的解决
2020/10/18 Python
de Bijenkorf比利时官网:荷兰最知名的百货商店
2017/06/29 全球购物
C语言中一个结构不能包含指向自己的指针吗
2012/05/25 面试题
客户表扬信范文
2014/01/10 职场文书
学生会竞选演讲稿
2014/04/24 职场文书
社区矫正工作方案
2014/06/04 职场文书
单位作风建设剖析材料
2014/10/11 职场文书
见习报告格式要求
2014/11/04 职场文书
给下属加薪申请报告
2015/05/15 职场文书
现实表现证明材料
2015/06/19 职场文书
班主任工作总结范文
2015/08/13 职场文书
python使用pygame创建精灵Sprite
2021/04/06 Python
windows11怎么查看自己安装的版本号? win11版本号的查看方法
2021/11/21 数码科技
MySQL新手入门进阶语句汇总
2022/09/23 MySQL