浅析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 相关文章推荐
Code:loadScript( )加载js的功能函数
Feb 02 Javascript
jQuery 使用手册(六)
Sep 23 Javascript
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
Oct 24 Javascript
从数据结构分析看:用for each...in 比 for...in 要快些
Apr 17 Javascript
JS实现倒计时和文字滚动的效果实例
Oct 29 Javascript
javascript异步处理工作机制详解
Apr 13 Javascript
如何抽象一个Vue公共组件
Oct 17 Javascript
vue综合组件间的通信详解
Nov 06 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
Mar 14 Javascript
vue使用监听实现全选反选功能
Jul 06 Javascript
vueScroll实现移动端下拉刷新、上拉加载
Mar 22 Javascript
Vue js with语句原理及用法解析
Sep 03 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
第1次亲密接触PHP5(2)
2006/10/09 PHP
php不用内置函数对数组排序的两个算法代码
2010/02/08 PHP
php设计模式之观察者模式实例详解【星际争霸游戏案例】
2020/03/30 PHP
PHP Trait功能与用法实例分析
2020/06/03 PHP
关于javascript中的parseInt使用技巧
2009/09/03 Javascript
javascript之bind使用介绍
2011/10/09 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
在vue中获取dom元素内容的方法
2017/07/10 Javascript
Vue-cli配置打包文件本地使用的教程图解
2018/08/02 Javascript
vueJs实现DOM加载完之后自动下拉到底部的实例代码
2018/08/31 Javascript
layer弹出层倒计时关闭的实现方法
2019/09/27 Javascript
vue-cli基础配置及webpack配置修改的完整步骤
2019/10/20 Javascript
Vue+Spring Boot简单用户登录(附Demo)
2020/11/12 Javascript
[01:32]DOTA2上海特锦赛现场采访:最想COS的英雄
2016/03/25 DOTA
详解Python中的strftime()方法的使用
2015/05/22 Python
django轻松使用富文本编辑器CKEditor的方法
2017/03/30 Python
详解Python学习之安装pandas
2019/04/16 Python
解决Pycharm后台indexing导致不能run的问题
2019/06/27 Python
python在OpenCV里实现投影变换效果
2019/08/30 Python
Python操作excel的方法总结(xlrd、xlwt、openpyxl)
2019/09/02 Python
python3.7环境下安装Anaconda的教程图解
2019/09/10 Python
详解使用django-mama-cas快速搭建CAS服务的实现
2019/10/30 Python
python中的subprocess.Popen()使用详解
2019/12/25 Python
python golang中grpc 使用示例代码详解
2020/06/03 Python
利用PyQt5+Matplotlib 绘制静态/动态图的实现代码
2020/07/13 Python
HTML5的标签的代码的简单介绍 HTML5标签的简介
2012/05/28 HTML / CSS
枚举与#define宏的区别
2014/04/30 面试题
《美丽的彩虹》教学反思
2014/02/25 职场文书
大学共青团员个人自我评价
2014/04/16 职场文书
关于孝道的演讲稿
2014/05/21 职场文书
党的群众路线教育实践活动个人承诺书
2014/05/22 职场文书
竞选班干部演讲稿300字
2014/08/20 职场文书
出售房屋协议书范本
2014/10/06 职场文书
2015年机关党委工作总结
2015/05/23 职场文书
2016年国培研修日志
2015/11/13 职场文书
pytorch显存一直变大的解决方案
2021/04/08 Python