浅析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 SocialHistory 检查访问者是否访问过某站点
Aug 02 Javascript
javascript 函数参数限制说明
Nov 19 Javascript
在JavaScript中获取请求的URL参数
Dec 22 Javascript
jQuery点击自身以外地方关闭弹出层的简单实例
Dec 24 Javascript
jquery获取选中的文本和值的方法
Jul 08 Javascript
javascript制作坦克大战全纪录(2)
Nov 27 Javascript
AngularJS中取消对HTML片段转义的方法例子
Jan 04 Javascript
js图片切换具体实现代码
Oct 13 Javascript
Bootstrap基本样式学习笔记之按钮(4)
Dec 07 Javascript
js实现rem自动匹配计算font-size的示例
Nov 18 Javascript
vuejs实现标签选项卡动态更改css样式的方法
May 31 Javascript
js实现简单分页导航栏效果
Jun 28 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
ThinkPHP中公共函数路径和配置项路径的映射分析
2014/11/22 PHP
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
基于pthread_create,readlink,getpid等函数的学习与总结
2013/07/17 Javascript
类似天猫商品详情随浏览器移动的示例代码
2014/02/27 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
2014/08/22 Javascript
JS实现自适应高度表单文本框的方法
2015/02/25 Javascript
JavaScript中使用Math.floor()方法对数字取整
2015/06/15 Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
2015/12/13 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
2016/07/22 Javascript
AngularJs directive详解及示例代码
2016/09/01 Javascript
HTML中setCapture、releaseCapture 使用方法浅析
2016/09/25 Javascript
js html5 css俄罗斯方块游戏再现
2016/10/17 Javascript
JS 调试中常见的报错问题解决方法
2017/05/20 Javascript
vue cli使用绝对路径引用图片问题的解决
2017/12/06 Javascript
JS隐藏号码中间4位代码实例
2019/04/09 Javascript
详解vue-cli 脚手架 安装
2019/04/16 Javascript
移动端手指操控左右滑动的菜单
2019/09/08 Javascript
js实现盒子拖拽动画效果
2020/08/09 Javascript
nestjs返回给前端数据格式的封装实现
2021/02/22 Javascript
[02:41]《西雅图我们来了》2015国际邀请赛出征全记录
2015/07/23 DOTA
动态创建类实例代码
2009/10/07 Python
跟老齐学Python之赋值,简单也不简单
2014/09/24 Python
python 采集中文乱码问题的完美解决方法
2016/09/27 Python
django中的setting最佳配置小结
2017/11/21 Python
Python批量发送post请求的实现代码
2018/05/05 Python
python中的json总结
2018/10/11 Python
使用python进行波形及频谱绘制的方法
2019/06/17 Python
python3中使用__slots__限定实例属性操作分析
2020/02/14 Python
Django 解决由save方法引发的错误
2020/05/21 Python
应届生程序员求职信
2013/11/05 职场文书
物业工作计划书
2014/01/10 职场文书
试用期员工考核制度
2014/01/22 职场文书
活动总结模板
2014/05/09 职场文书
2014年医务科工作总结
2014/12/18 职场文书
Nginx 安装SSL证书完成HTTPS部署
2022/04/28 Servers
java中如何截取字符串最后一位
2022/07/07 Java/Android