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 png图片(有含有透明)在IE6中为什么不透明了
Feb 07 Javascript
jQuery中data()方法用法实例
Dec 27 Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 Javascript
原生JavaScript实现Ajax的方法
Apr 07 Javascript
js中 计算两个日期间的工作日的简单实例
Aug 08 Javascript
es6学习之解构时应该注意的点
Aug 29 Javascript
vue.js学习笔记之v-bind和v-on解析
May 03 Javascript
vue实例中data使用return包裹的方法
Aug 27 Javascript
通过vue-cli3构建一个SSR应用程序的方法
Sep 13 Javascript
vue头部导航动态点击处理方法
Nov 02 Javascript
JS为什么说async/await是generator的语法糖详解
Jul 11 Javascript
vue 使用localstorage实现面包屑的操作
Nov 16 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/01/08 PHP
支持生僻字且自动识别utf-8编码的php汉字转拼音类
2014/06/27 PHP
安装ImageMagick出现error while loading shared libraries的解决方法
2014/09/23 PHP
PHP函数按引用传递参数及函数可选参数用法示例
2018/06/04 PHP
JavaScript中用sort()方法对数组元素进行排序的操作
2015/06/09 Javascript
JavaScript中的定时器之Item23的合理使用
2015/10/30 Javascript
JavaScript缓冲运动实现方法(2则示例)
2016/01/08 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
2016/03/29 Javascript
AngularJS ng-style中使用filter
2016/09/21 Javascript
Bootstrap的popover(弹出框)2秒后定时消失的实现代码
2017/02/27 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
2018/09/01 Javascript
原生JS实现获取及修改CSS样式的方法
2018/09/04 Javascript
vue 项目地址去掉 #的方法
2018/10/20 Javascript
Echarts动态加载多条折线图的实现代码
2019/05/24 Javascript
nodejs 递归拷贝、读取目录下所有文件和目录
2019/07/18 NodeJs
Python读取Json字典写入Excel表格的方法
2018/01/03 Python
pandas 空的dataframe 插入列名的示例
2018/10/30 Python
WxPython建立批量录入框窗口
2019/02/27 Python
python3.6+selenium实现操作Frame中的页面元素
2019/07/16 Python
K最近邻算法(KNN)---sklearn+python实现方式
2020/02/24 Python
python 安装移动复制第三方库操作
2020/07/13 Python
介绍CSS3使用技巧5个
2009/04/02 HTML / CSS
FOREO官方网站:LUNA露娜洁面仪
2016/11/28 全球购物
美味咖啡的顶级烘焙师:Cafe Britt
2018/03/15 全球购物
澳大利亚汽车零部件、音响及配件超市:Automotive Superstore
2018/06/19 全球购物
潘多拉珠宝俄罗斯官方网上商店:PANDORA俄罗斯
2020/09/22 全球购物
大学生应聘自荐信
2013/10/11 职场文书
英文自荐信格式
2013/11/28 职场文书
物理系毕业生自荐书范文
2014/02/22 职场文书
2014年机关植树节活动方案
2014/02/27 职场文书
财会专业大学生求职信
2014/09/26 职场文书
学习保证书100字
2015/02/26 职场文书
少年派的奇幻漂流观后感
2015/06/08 职场文书
高质量“欢迎词”
2019/04/03 职场文书
jQuery实现广告显示和隐藏动画
2021/07/04 jQuery
Mysql binlog日志文件过大的解决
2021/10/05 MySQL