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插件 easyUI属性汇总
Jan 19 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
Aug 23 Javascript
EasyUI中实现form表单提交的示例分享
Mar 01 Javascript
使用Raygun对Node.js应用进行错误处理的方法
Jun 23 Javascript
jQuery layui常用方法介绍
Jul 25 Javascript
利用vueJs实现图片轮播实例代码
Jun 03 Javascript
vue+ElementUI实现订单页动态添加产品数据效果实例代码
Jul 13 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
Sep 19 Javascript
捕获未处理的Promise错误方法
Oct 13 Javascript
JS抛物线动画实例制作
Feb 24 Javascript
如何检查一个对象是否为空
Apr 11 Javascript
微信小程序云开发 搭建一个管理小程序
May 17 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中的stdClass类
2014/04/18 PHP
ThinkPHP实现递归无级分类――代码少
2015/07/29 PHP
SSO单点登录的PHP实现方法(Laravel框架)
2016/03/23 PHP
php利用header函数下载各种文件
2016/08/24 PHP
php之可变变量的实例详解
2017/09/12 PHP
php成功操作redis cluster集群的实例教程
2019/01/13 PHP
Yii框架响应组件用法实例分析
2019/09/04 PHP
JavaScript 替换Html标签实现代码
2009/10/14 Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
2014/01/13 Javascript
jQuery制作简洁的多级联动Select下拉框
2014/12/23 Javascript
JS/Jquery判断对象为空的方法
2015/06/11 Javascript
jquery实现手风琴效果
2015/11/20 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
2016/02/17 Javascript
JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用
2016/09/19 Javascript
Bootstrap popover用法详解
2016/12/22 Javascript
Vue.js基础知识小结
2017/01/13 Javascript
jQuery中map函数的两种方式
2017/04/07 jQuery
jQuery实现拖动效果的实例代码
2017/06/25 jQuery
基于Vue生产环境部署详解
2017/09/15 Javascript
JS匿名函数和匿名自执行函数概念与用法分析
2018/03/16 Javascript
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
2021/01/29 Javascript
Python实现的数据结构与算法之双端队列详解
2015/04/22 Python
Django Highcharts制作图表
2016/08/27 Python
简单了解python的break、continue、pass
2019/07/08 Python
html5的画布canvas——画出简单的矩形、三角形实例代码
2013/06/09 HTML / CSS
丝芙兰波兰:Sephora.pl
2018/03/25 全球购物
英文自荐信
2013/12/15 职场文书
环保倡议书50字
2014/05/15 职场文书
领导班子党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
开展党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2014年教育工作总结
2014/11/26 职场文书
食堂卫生管理制度
2015/08/04 职场文书
2016新教师岗前培训心得体会
2016/01/08 职场文书
导游词之山西祁县乔家大院
2019/10/14 职场文书
导游词之泰山玉皇顶
2019/12/23 职场文书
jQuery实现广告显示和隐藏动画
2021/07/04 jQuery