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 相关文章推荐
跨浏览器开发经验总结(四) 怎么写入剪贴板
May 13 Javascript
JS中toFixed()方法引起的问题如何解决
Nov 20 Javascript
zTree插件之多选下拉菜单实例代码
Nov 06 Javascript
js实现微信分享代码
Oct 11 Javascript
JS实现n秒后自动跳转的两种方法
Nov 30 Javascript
Bootstrap模态框调用功能实现方法
Sep 19 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
Mar 27 Javascript
你有必要知道的10个JavaScript难点
Jul 25 Javascript
Node层模拟实现multipart表单的文件上传示例
Jan 02 Javascript
解决修复npm安装全局模块权限的问题
May 17 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
深入Node TCP模块的理解
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 解决session死锁的方法
2013/06/20 PHP
php 比较获取两个数组相同和不同元素的例子(交集和差集)
2019/10/18 PHP
DOM相关内容速查手册
2007/02/07 Javascript
javascript中的有名函数和无名函数
2007/10/17 Javascript
Jquery创建层显示标题和内容且随鼠标移动而移动
2014/01/26 Javascript
JavaScript按值删除数组元素的方法
2015/04/24 Javascript
无刷新上传文件并返回自定义值
2015/06/11 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
2015/11/17 Javascript
基于Vue实现页面切换左右滑动效果
2020/06/29 Javascript
JavaScript实现HTML5游戏断线自动重连的方法
2017/09/18 Javascript
js 开发之autocomplete="off"在chrom中失效的解决办法
2017/09/28 Javascript
vue实现的下拉框功能示例
2019/01/29 Javascript
详解JavaScript中关于this指向的4种情况
2019/04/18 Javascript
使用Vue.js 和Chart.js制作绚丽多彩的图表
2019/06/15 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
2019/06/19 jQuery
Vue实现浏览器打印功能的代码
2020/04/17 Javascript
[04:32]玩具屠夫中文语音节选
2020/08/23 DOTA
Python中set与frozenset方法和区别详解
2016/05/23 Python
python3实现公众号每日定时发送日报和图片
2018/02/24 Python
python中join()方法介绍
2018/10/11 Python
python 输出所有大小写字母的方法
2019/01/02 Python
tensorflow将图片保存为tfrecord和tfrecord的读取方式
2020/02/17 Python
Pyqt5 关于流式布局和滚动条的综合使用示例代码
2020/03/24 Python
Django 解决distinct无法去除重复数据的问题
2020/05/20 Python
python实现数学模型(插值、拟合和微分方程)
2020/11/13 Python
Python ellipsis 的用法详解
2020/11/20 Python
pycharm配置python 设置pip安装源为豆瓣源
2021/02/05 Python
GANT英国官方网上商店:甘特衬衫
2018/02/06 全球购物
人力资源专业推荐信
2013/11/29 职场文书
档案接收函范文
2014/01/10 职场文书
《月光启蒙》教学反思
2014/03/01 职场文书
毕业生如何写自荐信
2014/03/26 职场文书
小学语文业务学习材料
2014/06/02 职场文书
奖励申请报告范文
2015/05/15 职场文书
幼儿园教师辞职信
2019/06/21 职场文书
mysql事务对效率的影响分析总结
2021/10/24 MySQL