浅析jQuery(function(){})与(function(){})(jQuery)之间的区别


Posted in Javascript onJanuary 09, 2014

Jquery是优秀的Javascrīpt框架。我们现在来讨论下在 Jquery 中两个页面载入后执行的函数。

$(document).ready(function(){
  // 在这里写你的代码...
});在DOM加载完成时运行的代码

可以简写成

jQuery(function(){
});

(function($) {})(jQuery)什么意思?
(function(){
})(jQuery);

其实际上是执行()(para)匿名方法,只不过是传递了jQuery对象。

相当于
function aa($){}
aa(jQuery)

是初始化jquery对象的惯用方法.

通俗点说就是在页面加载完成后执行你需要的代码.
不过这个东西,有的时候会使页面跳动,很多JQUERY插件都是在加载完成后,才改变样式的,页面会有跳动或闪动的感觉.比如ui.tab这个插件,页面元素一多,全部显示出来了,它才形成TAB,很晕的说

(funtion(){})();立即执行函数;相当于先申明一个函数,声明完后直接调用;

如果参数如:
(funtion(str){alert(str)})("output"));相当于:funtion OutPutFun(str){alert(str);};OutPutFun("output");

jQuery(function(){ });用于存放操作DOM对象的代码,执行其中代码时DOM对象已存在。不可用于存放开发插件的代码,因为jQuery对象没有得到传递,外部通过jQuery.method也调用不了其中的方法(函数)。
(function(){ })(jQuery);用于存放开发插件的代码,执行其中代码时DOM不一定存在,所以直接自动执行DOM操作的代码请小心使用。

Javascript 相关文章推荐
Javascript里使用Dom操作Xml
Sep 20 Javascript
javascript实现的距离现在多长时间后的一个格式化的日期
Oct 29 Javascript
从jquery的过滤器.filter()方法想到的
Sep 29 Javascript
JS JQUERY实现滚动条自动滚到底的方法
Jan 09 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
Sep 18 Javascript
js模仿java的Map集合详解
Jan 06 Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
Jun 17 Javascript
jQuery判断是否存在滚动条的简单方法
Sep 17 Javascript
jQuery在ie6下无法设置select选中的解决方法详解
Sep 20 Javascript
JS实现的添加弹出层并完成锁屏操作示例
Apr 07 Javascript
详解javascript 变量提升(Hoisting)
Mar 12 Javascript
Vue项目中使用jquery的简单方法
May 16 jQuery
fmt:formatDate的输出格式详解
Jan 09 #Javascript
js中window.open()的所有参数详细解析
Jan 09 #Javascript
判断文档离浏览器顶部的距离的方法
Jan 08 #Javascript
解决jquery中美元符号命名冲突问题
Jan 08 #Javascript
原生js和jquery中有关透明度设置的相关问题
Jan 08 #Javascript
iframe窗口高度自适应的实现方法
Jan 08 #Javascript
jquery对单选框,多选框,文本框等常见操作小结
Jan 08 #Javascript
You might like
自己前几天写的无限分类类
2007/02/14 PHP
php读取目录及子目录下所有文件名的方法
2014/10/20 PHP
PHP中单例模式的使用场景与使用方法讲解
2019/03/18 PHP
快速保存网页中所有图片的方法
2006/06/23 Javascript
jQuery对Select的操作大集合(收藏)
2013/12/28 Javascript
三种检测iPhone/iPad设备方向的方法
2014/04/23 Javascript
jQuery中add()方法用法实例
2015/01/08 Javascript
用JavaScript实现对话框的教程
2015/06/04 Javascript
jQuery操作基本控件方法实例分析
2015/12/31 Javascript
详解jQuery中的empty、remove和detach
2016/04/11 Javascript
BootStrap glyphicons 字体图标实现方法
2016/05/01 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
2016/06/12 Javascript
iframe高度自适应及隐藏滚动条的实例详解
2017/09/29 Javascript
JS实现移动端整屏滑动的实例代码
2017/11/10 Javascript
详解在Angular4中使用ng2-baidu-map的方法
2019/06/19 Javascript
JS实现图片切换特效
2019/12/23 Javascript
JavaScript indexOf()原理及使用方法详解
2020/07/09 Javascript
jQuery实现开关灯效果
2020/08/02 jQuery
WebStorm中如何将自己的代码上传到github示例详解
2020/10/28 Javascript
[48:54]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第二场 6.3
2018/06/04 DOTA
Python MySQLdb模块连接操作mysql数据库实例
2015/04/08 Python
Python语法快速入门指南
2015/10/12 Python
Ubuntu下Anaconda和Pycharm配置方法详解
2019/06/14 Python
Python的垃圾回收机制详解
2019/08/28 Python
10行Python代码计算汽车数量的实现方法
2019/10/23 Python
Python安装Bs4的多种方法
2020/11/28 Python
CSS3 实现侧边栏展开收起动画
2014/12/22 HTML / CSS
有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的问题
2013/07/19 HTML / CSS
详解android与HTML混合开发总结
2018/06/06 HTML / CSS
湖南卫视在线视频媒体平台:芒果TV
2019/10/30 全球购物
毕业生简单求职信
2013/11/19 职场文书
绿色城市实施方案
2014/03/19 职场文书
关于热爱祖国的演讲稿
2014/05/04 职场文书
银行奉献演讲稿
2014/09/16 职场文书
发票退票证明
2015/06/24 职场文书
SQL Server实现分页方法介绍
2022/03/16 SQL Server