浅析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的三级展开列表
Apr 26 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
Jan 05 Javascript
jQuery超酷平面式时钟效果代码分享
Mar 30 Javascript
jqPlot jQuery绘图插件的使用
Jun 18 Javascript
javascript 解决浏览器不支持的问题
Sep 24 Javascript
JQuery学习总结【一】
Dec 01 Javascript
基于jQuery实现滚动切换效果
Dec 02 Javascript
jquery操作select取值赋值与设置选中实例
Feb 28 Javascript
Vue之Watcher源码解析(1)
Jul 19 Javascript
vue裁切预览组件功能的实现步骤
May 04 Javascript
vue打包相关细节整理(小结)
Sep 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
聊天室php&mysql(五)
2006/10/09 PHP
PHP 实例化类的一点摘记
2008/03/23 PHP
Zend Framework教程之资源(Resources)用法实例详解
2016/03/14 PHP
PHP实现模拟http请求的方法分析
2017/12/20 PHP
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
2009/11/12 Javascript
javascript下arguments,caller,callee,call,apply示例及理解
2009/12/24 Javascript
alert中断settimeout计时功能
2013/07/26 Javascript
微信小程序 toast 详解及实例代码
2016/11/09 Javascript
浅谈vue的踩坑路
2017/08/31 Javascript
微信小程序 页面跳转事件绑定的实例详解
2017/09/20 Javascript
Vue.js自定义事件的表单输入组件方法
2018/03/08 Javascript
webpack4.x打包过程详解
2018/07/18 Javascript
jquery无缝图片轮播组件封装
2020/11/25 jQuery
vue中的面包屑导航组件实例代码
2019/07/01 Javascript
js实现漂亮的星空背景
2019/11/01 Javascript
JavaScript实现沿五角星形线摆动的小圆实例详解
2020/07/28 Javascript
jQuery中getJSON跨域原理的深入讲解
2020/09/02 jQuery
如何使用gpu.js改善JavaScript的性能
2020/12/01 Javascript
js制作提示框插件
2020/12/24 Javascript
原生js实现滑块区间组件
2021/01/20 Javascript
python通过定义一个类实例作为ftp回调方法
2015/05/04 Python
Python3.X 线程中信号量的使用方法示例
2017/07/24 Python
python实现趣味图片字符化
2019/04/30 Python
Python 如何调试程序崩溃错误
2020/08/03 Python
Python读取pdf表格写入excel的方法
2021/01/22 Python
Scrapy+Selenium自动获取cookie爬取网易云音乐个人喜爱歌单
2021/02/01 Python
VSCode中autopep8无法运行问题解决方案(提示Error: Command failed,usage)
2021/03/02 Python
CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解
2020/06/01 HTML / CSS
善意的谎言事例
2014/02/15 职场文书
旅游局领导班子“四风”问题对照检查材料思想汇报
2014/09/29 职场文书
2014年秘书工作总结
2014/11/25 职场文书
就业推荐表导师评语
2014/12/31 职场文书
客户答谢会致辞
2015/01/20 职场文书
2016年春季开学典礼新闻稿
2015/11/25 职场文书
2016年9月份红领巾广播稿
2015/12/21 职场文书
《秦兵马俑》教学反思
2016/02/24 职场文书