浅析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 相关文章推荐
jQuery实现用方向键控制层的上下左右移动
Jan 13 Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
Oct 16 Javascript
判断访客终端类型集锦
Jun 05 Javascript
CSS图片响应式 垂直水平居中
Aug 14 Javascript
学习JavaScript设计模式之观察者模式
Apr 22 Javascript
javascript中eval解析JSON字符串
Feb 27 Javascript
Google 地图API Map()构造器详解
Aug 06 Javascript
强大的JavaScript响应式图表Chartist.js的使用
Sep 13 Javascript
vuejs 制作背景淡入淡出切换动画的实例
Sep 01 Javascript
如何使用pm2快速将项目部署到远程服务器
Mar 12 Javascript
vue实现条件叠加搜索的解决方法
May 28 Javascript
JS代码编译器Monaco使用方法
Jun 11 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
jq的get传参数在utf-8中乱码问题的解决php版
2008/07/23 PHP
php中inlcude()性能对比详解
2012/09/16 PHP
深入理解PHP几个算法:PHP冒泡、PHP二分法、PHP求素数、PHP乘法表
2013/06/06 PHP
PHP中file_exists()判断中文文件名无效的解决方法
2014/11/12 PHP
php中JSON的使用与转换
2015/01/14 PHP
Zend Framework入门教程之Zend_View组件用法示例
2016/12/09 PHP
PHP7原生MySQL数据库操作实现代码
2020/07/03 PHP
jquery 插件实现图片延迟加载效果代码
2010/02/06 Javascript
jquery让指定的元素闪烁显示的方法
2015/03/17 Javascript
浅谈window对象的scrollBy()方法
2015/07/15 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
2015/12/01 Javascript
JavaScript函数内部属性和函数方法实例详解
2016/03/17 Javascript
Ionic + Angular.js实现图片轮播的方法示例
2017/05/21 Javascript
JS FormData上传文件的设置方法
2017/07/05 Javascript
javascript与PHP动态往类中添加方法对比
2018/03/21 Javascript
jQuery+Cookie实现切换皮肤功能【附源码下载】
2018/03/25 jQuery
解决vue项目使用font-awesome,build后路径的问题
2018/09/01 Javascript
JSON生成Form表单的方法示例
2018/11/21 Javascript
vue实现的网易云音乐在线播放和下载功能案例
2019/02/18 Javascript
js实现简易拖拽的示例
2020/10/26 Javascript
[04:42]2015国际邀请赛CDEC战队晋级之路
2015/08/13 DOTA
python函数缺省值与引用学习笔记分享
2013/02/10 Python
Python类方法__init__和__del__构造、析构过程分析
2015/03/06 Python
浅谈使用Python内置函数getattr实现分发模式
2018/01/22 Python
python3.6、opencv安装环境搭建过程(图文教程)
2019/11/05 Python
python实现控制台输出颜色
2021/03/02 Python
WoolOvers爱尔兰:羊绒、羊毛和棉针织品
2017/01/04 全球购物
Black Halo官方网站:购买连衣裙、礼服和连体裤
2018/06/13 全球购物
中专毕业生求职简历的自我评价
2013/10/21 职场文书
办理居住证介绍信
2014/01/15 职场文书
5.1手机促销活动
2014/01/17 职场文书
我的动漫时代的创业计划书范文
2014/01/27 职场文书
公司会计岗位职责
2014/02/13 职场文书
竞选大学学委演讲稿
2014/09/13 职场文书
三方协议书
2015/01/27 职场文书
节约用电倡议书
2015/04/28 职场文书