浅析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 相关文章推荐
跨浏览器的设置innerHTML方法
Sep 18 Javascript
关于B/S判断浏览器断开的问题讨论
Oct 29 Javascript
jquery获得下拉框值的代码
Aug 13 Javascript
用console.table()调试javascript
Sep 04 Javascript
js中split和replace的用法实例
Feb 28 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
Feb 18 Javascript
javascript实现数组去重的多种方法
Mar 14 Javascript
JS封装的自动创建表格的实现代码
Jun 15 Javascript
js实现String.Fomat的实例代码
Sep 02 Javascript
vue 2.0项目中如何引入element-ui详解
Sep 06 Javascript
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
vue组件横向树实现代码
Aug 02 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
由php if 想到的些问题
2008/03/22 PHP
删除PHP数组中的重复元素的实现代码
2017/04/10 PHP
PHP SPL 被遗落的宝石【SPL应用浅析】
2018/04/20 PHP
PHP实现的只保留字符串首尾字符功能示例【隐藏部分字符串】
2019/03/11 PHP
PHP进阶学习之Geo的地图定位算法详解
2019/06/19 PHP
如何用javascript控制上传文件的大小
2006/10/26 Javascript
JQuery Dialog(JS 模态窗口,可拖拽的DIV)
2010/02/07 Javascript
JavaScript DOM学习第八章 表单错误提示
2010/02/19 Javascript
用jquery实现等比例缩放图片效果插件
2010/07/24 Javascript
JavaScript词法作用域与调用对象深入理解
2012/11/29 Javascript
基于jquery实现控制经纬度显示地图与卫星
2013/05/20 Javascript
js通过八个点 拖动改变div大小的实现方法
2014/03/05 Javascript
JavaScript对象的property属性详解
2014/04/01 Javascript
简单谈谈JavaScript的同步与异步
2015/12/31 Javascript
jQuery操作属性和样式详解
2016/04/13 Javascript
Bootstrap项目实战之子栏目资讯内容
2016/04/25 Javascript
Node.js + Redis Sorted Set实现任务队列
2016/09/19 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
2017/05/08 Javascript
vue 组件中slot插口的具体用法
2018/04/03 Javascript
javscript 数组扁平化的实现
2020/02/03 Javascript
微信浏览器左上角返回按钮监听的实现
2020/03/04 Javascript
浅析TypeScript 命名空间
2020/03/19 Javascript
[01:13:18]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
python如何让类支持比较运算
2018/03/20 Python
python中for循环变量作用域及用法详解
2019/11/05 Python
Python 安装 virturalenv 虚拟环境的教程详解
2020/02/21 Python
意大利在线眼镜精品店:Ottica Lipari
2019/11/11 全球购物
Juice Beauty官网:有机美容产品,护肤与化妆品
2020/06/13 全球购物
公司培训心得体会
2014/01/03 职场文书
电子商务网站的创业计划书
2014/01/05 职场文书
浙大毕业生自荐信
2014/01/26 职场文书
企业管理毕业生求职信
2014/03/11 职场文书
专题组织生活会思想汇报
2014/10/01 职场文书
公司慰问信范文
2015/03/23 职场文书
导游词之宁夏贺兰山岩画
2019/11/08 职场文书
Springboot中如何自动转JSON输出
2022/06/16 Java/Android