浅析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 相关文章推荐
犀利的js 函数集合
Jun 11 Javascript
javascript/jquery获取地址栏url参数的方法
Mar 05 Javascript
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
Nov 19 Javascript
jQuery背景插件backstretch使用指南
Apr 21 Javascript
JS实现的页面自定义滚动条效果
Oct 26 Javascript
详解javascript函数的参数
Nov 10 Javascript
JavaScript的React框架中的JSX语法学习入门教程
Mar 05 Javascript
深入理解Vue官方文档梳理之全局API
Nov 22 Javascript
React项目动态设置title标题的方法示例
Sep 26 Javascript
在vue中通过render函数给子组件设置ref操作
Nov 17 Vue.js
vue中封装axios并实现api接口的统一管理
Dec 25 Vue.js
JavaScript流程控制(分支)
Dec 06 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
Laravel手动分页实现方法详解
2016/10/09 PHP
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
2010/06/28 Javascript
基于jquery的放大镜效果
2012/05/30 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
2016/07/01 Javascript
详解JavaScript的内置对象
2016/12/07 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
2016/12/08 Javascript
JS中的作用域链
2017/03/01 Javascript
jquery实现tab键进行选择后enter键触发click行为
2017/03/29 jQuery
利用jquery正则表达式在页面验证url网址输入是否正确
2017/04/04 jQuery
jQuery实现手势解锁密码特效
2017/08/14 jQuery
js获取html页面代码中图片地址的实现代码
2018/03/05 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
2018/05/16 Javascript
Vue.js实现的计算器功能完整示例
2018/07/11 Javascript
在Vue 中获取下拉框的文本及选项值操作
2020/08/13 Javascript
[03:38]TI4西雅图DOTA2前线报道 71专访
2014/07/08 DOTA
[02:17]2016国际邀请赛中国区预选赛VG战队领队采访
2016/06/26 DOTA
python自动截取需要区域,进行图像识别的方法
2018/05/17 Python
python 读取文件并把矩阵转成numpy的两种方法
2019/02/12 Python
对Python3 goto 语句的使用方法详解
2019/02/16 Python
Django 权限认证(根据不同的用户,设置不同的显示和访问权限)
2019/07/24 Python
django之对FileField字段的upload_to的设定方法
2019/07/28 Python
已安装tensorflow-gpu,但keras无法使用GPU加速的解决
2020/02/07 Python
python 使用递归实现打印一个数字的每一位示例
2020/02/27 Python
python 一维二维插值实例
2020/04/22 Python
利用matplotlib为图片上添加触发事件进行交互
2020/04/23 Python
Python如何使用27行代码绘制星星图
2020/07/20 Python
python3中确保枚举值代码分析
2020/12/02 Python
使用Python制作一个数据预处理小工具(多种操作一键完成)
2021/02/07 Python
东南亚旅游平台:The Trip Guru
2018/01/01 全球购物
请解释接口的显式实现有什么意义
2012/05/26 面试题
机关党员进社区活动总结
2014/07/05 职场文书
单位接收函格式
2015/01/30 职场文书
花田少年史观后感
2015/06/16 职场文书
2016年村党支部公开承诺书
2016/03/24 职场文书
PHP对接阿里云虚拟号的实现(号码隐私保护)
2021/04/06 PHP
Python Django ORM连表正反操作技巧
2021/06/13 Python