浅析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 相关文章推荐
13个绚丽的Jquery 界面设计网站推荐
Sep 28 Javascript
仅img元素创建后不添加到文档中会执行onload事件的解决方法
Jul 31 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
Mar 04 Javascript
js中prototype用法详细介绍
Nov 14 Javascript
Javascript中的delete操作符详细介绍
Jun 06 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
Aug 21 Javascript
jQuery验证表单格式的使用方法
Jan 10 Javascript
ndm:NPM的桌面GUI应用程序
Oct 15 Javascript
Layui Table js 模拟选中checkbox的例子
Sep 03 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
Oct 17 Javascript
JavaScript实现简易聊天对话框(加滚动条)
Feb 10 Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
Aug 14 Javascript
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
Yii2中事务的使用实例代码详解
2016/09/07 PHP
老生常谈PHP 文件写入和读取(必看篇)
2017/05/22 PHP
PHP实现的操作数组类库定义与用法示例
2019/05/24 PHP
JS 巧妙获取剪贴板数据 Excel数据的粘贴
2009/07/09 Javascript
使用Firebug对js进行断点调试的图文方法
2011/04/02 Javascript
在JavaScript中判断整型的N种方法示例介绍
2014/06/18 Javascript
全面详细的jQuery常见开发技巧手册
2016/02/21 Javascript
javascript内存分配原理实例分析
2017/04/10 Javascript
原生JS实现隐藏显示图片 JS实现点击切换图片效果
2021/01/27 Javascript
Vue filter介绍及其使用详解
2017/10/21 Javascript
vue 动态改变静态图片以及请求网络图片的实现方法
2018/02/07 Javascript
jQuery实现获取动态添加的标签对象示例
2018/06/28 jQuery
vue实现城市列表选择功能
2018/07/16 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
2018/10/24 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
2019/03/11 Javascript
JS使用正则表达式实现常用的表单验证功能分析
2020/04/30 Javascript
vue实现简单加法计算器
2020/10/22 Javascript
[05:28]刀塔密之一:团结则存
2014/07/03 DOTA
分析python服务器拒绝服务攻击代码
2014/01/16 Python
python读取.mat文件的数据及实例代码
2019/07/12 Python
Python math库 ln(x)运算的实现及原理
2019/07/17 Python
python3中rank函数的用法
2019/11/27 Python
python由已知数组快速生成新数组的方法
2020/04/08 Python
Selenium自动化测试工具使用方法汇总
2020/06/12 Python
Pycharm创建文件时自动生成文件头注释(自定义设置作者日期)
2020/11/24 Python
python 获取计算机的网卡信息
2021/02/18 Python
俄罗斯隐形眼镜和眼镜在线商店:Cronos
2020/06/02 全球购物
2014年人事部工作总结
2014/12/03 职场文书
情人节活动总结范文
2015/02/05 职场文书
诚信考试承诺书范文
2015/04/29 职场文书
党支部鉴定意见
2015/06/02 职场文书
教务处干事工作总结
2015/08/14 职场文书
纪检干部学习心得体会
2016/01/23 职场文书
财产分割协议书
2016/03/22 职场文书
物业管理交接协议书
2016/03/24 职场文书
Python绘制分类图的方法
2021/04/20 Python