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 相关文章推荐
用函数式编程技术编写优美的 JavaScript_ibm
May 16 Javascript
让FireFox支持innerText的实现代码
Dec 01 Javascript
JS构建页面的DOM节点结构的实现代码
Dec 09 Javascript
获取服务器传来的数据 用JS去空格的正则表达式
Mar 26 Javascript
逻辑表达式中与或非的用法详解
Jun 06 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
Jun 21 Javascript
使用重写url机制实现验证码换一张功能
Aug 01 Javascript
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
Nov 08 Javascript
fastadmin中调用js的方法
May 14 Javascript
js逆向解密之网络爬虫
May 30 Javascript
基于jquery ajax的多文件上传进度条过程解析
Sep 11 jQuery
解决vue-router 嵌套路由没反应的问题
Sep 22 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
站长助手-网站web在线管理程序 v1.0 下载
2007/05/12 PHP
PHP获取url的函数代码
2011/08/02 PHP
PHP删除数组中的特定元素的代码
2012/06/28 PHP
爱恋千雪-US-AscII加密解密工具(网页加密)下载
2007/06/06 Javascript
jQuery 源码分析笔记(7) Queue
2011/06/19 Javascript
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
2013/01/04 Javascript
javascript单例模式的简单实现方法
2015/07/25 Javascript
11种ASP连接数据库的方法
2015/09/18 Javascript
JavaScript实现的浮动层框架用法实例分析
2015/10/10 Javascript
Jquery为DIV添加click事件的简单实例
2016/06/02 Javascript
JS中innerHTML和pasteHTML的区别实例分析
2016/06/22 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
javascript设置文本框光标的方法实例小结
2016/11/04 Javascript
BootStrap表单控件之复选框checkbox和单选择按钮radio
2017/05/23 Javascript
详解如何去除vue项目中的#——History模式
2017/10/13 Javascript
Vue表情输入组件 微信face表情组件
2019/02/11 Javascript
Vue.js中的高级面试题及答案
2020/01/13 Javascript
ES6函数和数组用法实例分析
2020/05/23 Javascript
Python自动扫雷实现方法
2015/07/25 Python
Python实现优先级队列结构的方法详解
2016/06/02 Python
儿童学习python的一些小技巧
2018/05/27 Python
对python制作自己的数据集实例讲解
2018/12/12 Python
Python数据可视化实现正态分布(高斯分布)
2019/08/21 Python
python通过nmap扫描在线设备并尝试AAA登录(实例代码)
2019/12/30 Python
Python 如何实现访问者模式
2020/07/28 Python
Python timeit模块原理及使用方法
2020/10/10 Python
德国奢侈品网上商城:Mytheresa
2016/08/24 全球购物
L’Artisan Parfumeur官网:法国香水品牌
2020/08/11 全球购物
编写一个 C 函数,该函数在一个字符串中找到可能的最长的子字符串,且该字符串是由同一字符组成的
2015/07/23 面试题
七一表彰活动方案
2014/01/18 职场文书
大学校庆策划书
2014/01/31 职场文书
优乐美广告词
2014/03/14 职场文书
管理提升方案
2014/06/04 职场文书
师德师风整改措施
2014/10/24 职场文书
python如何正确使用yield
2021/05/21 Python