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获取变量
Aug 24 Javascript
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
Nov 30 Javascript
如何判断微信内置浏览器(通过User Agent实现)
Sep 01 Javascript
JS实现文字掉落效果的方法
May 06 Javascript
js类式继承与原型式继承详解
Apr 07 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
Jul 24 Javascript
jQuery包裹节点用法完整示例
Sep 13 Javascript
初探js和简单隐藏效果的实例
Nov 23 Javascript
vue 表单验证按钮事件交由父组件触发的方法
Dec 17 Javascript
深入解读VUE中的异步渲染的实现
Jun 19 Javascript
前端开发基础javaScript的六大作用
Aug 06 Javascript
详解Vue项目的打包方式(生成dist文件)
Jan 18 Vue.js
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
火车头discuz6.1 完美采集的php接口文件
2009/09/13 PHP
PHP中数据库单例模式的实现代码分享
2014/08/21 PHP
PHP XML和数组互相转换详解
2016/10/26 PHP
php加速缓存器opcache,apc,xcache,eAccelerator原理与配置方法实例分析
2020/03/02 PHP
javascript sudoku 数独智力游戏生成代码
2010/03/27 Javascript
jQuery鼠标事件汇总
2015/08/30 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
2016/01/04 Javascript
第一篇初识bootstrap
2016/06/21 Javascript
require.js+vue开发微信上传图片组件
2016/10/27 Javascript
JS基于面向对象实现的选项卡效果示例
2016/12/20 Javascript
利用JavaScript的%做隔行换色的实例
2017/11/25 Javascript
Vue 解决路由过渡动画抖动问题(实例详解)
2020/01/05 Javascript
js实现登录拖拽窗口
2020/02/10 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
2020/10/27 Javascript
vue 防止页面加载时看到花括号的解决操作
2020/11/09 Javascript
关于vue 项目中浏览器跨域的配置问题
2020/11/10 Javascript
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
Python生成8位随机字符串的方法分析
2017/12/05 Python
python 显示数组全部元素的方法
2018/04/19 Python
python在回调函数中获取返回值的方法
2019/02/22 Python
解决python执行不输出系统命令弹框的问题
2019/06/24 Python
pycharm设置鼠标悬停查看方法设置
2019/07/29 Python
使用python os模块复制文件到指定文件夹的方法
2019/08/22 Python
Pycharm使用远程linux服务器conda/python环境在本地运行的方法(图解))
2019/12/09 Python
pytorch的batch normalize使用详解
2020/01/15 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
python中怎么表示空值
2020/06/19 Python
HTML5制作3D爱心动画教程 献给女友浪漫的礼物
2014/11/05 HTML / CSS
STRATHBERRY苏贝瑞包包官网:西班牙高级工匠手工打造
2020/11/10 全球购物
小学教师学期末自我评价
2013/09/25 职场文书
家居饰品店创业计划书
2014/01/31 职场文书
阳光体育活动方案
2014/02/16 职场文书
地方课程教学计划
2015/01/19 职场文书
Python实现文本文件拆分写入到多个文本文件的方法
2021/04/18 Python
Python面向对象之成员相关知识总结
2021/06/24 Python
Python机器学习之决策树和随机森林
2021/07/15 Javascript