浅析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 Timer实现代码
Feb 17 Javascript
Prototype的Class.create函数解析
Sep 22 Javascript
JS模块与命名空间的介绍
Mar 22 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
Jun 09 Javascript
判断js对象是否拥有某一个属性的js代码
Aug 16 Javascript
js实现精美的图片跟随鼠标效果实例
May 16 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
Sep 10 Javascript
JavaScript面试开发常用的知识点总结
Aug 08 Javascript
Vue2.0 多 Tab切换组件的封装实例
Jul 28 Javascript
js实现方块上下左右移动效果
Aug 17 Javascript
javaScript实现游戏倒计时功能
Nov 17 Javascript
vue3如何优雅的实现移动端登录注册模块
Mar 29 Vue.js
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 无限级 SelectTree 类
2009/05/19 PHP
destoon复制新模块的方法
2014/06/21 PHP
php支付宝接口用法分析
2015/01/04 PHP
PHP程序员简单的开展服务治理架构操作详解(二)
2020/05/14 PHP
jQuery的实现原理的模拟代码 -2 数据部分
2010/08/01 Javascript
深入理解Javascript动态方法调用与参数修改的问题
2013/12/10 Javascript
node.js中的Socket.IO使用实例
2014/11/04 Javascript
jquery-tips悬浮提示插件分享
2015/07/31 Javascript
基于jQuery实现左右图片轮播(原理通用)
2015/12/24 Javascript
jQuery实现的超简单点赞效果实例分析
2015/12/31 Javascript
莱鸟介绍window.print()方法
2016/01/06 Javascript
javascript html5实现表单验证
2016/03/01 Javascript
javaScript 逻辑运算符使用技巧整理
2017/05/03 Javascript
Vue-router 类似Vuex实现组件化开发的示例
2017/09/15 Javascript
cropper js基于vue的图片裁剪上传功能的实现代码
2018/03/01 Javascript
nodejs搭建本地服务器并访问文件操作示例
2019/05/11 NodeJs
JavaScript实现多层颜色选项卡嵌套
2020/09/21 Javascript
python学习手册中的python多态示例代码
2014/01/21 Python
Python学习笔记之os模块使用总结
2014/11/03 Python
python刷投票的脚本实现代码
2014/11/08 Python
Python 递归函数详解及实例
2016/12/27 Python
详解重置Django migration的常见方式
2019/02/15 Python
python网络编程socket实现服务端、客户端操作详解
2020/03/24 Python
python 三种方法实现对Excel表格的读写
2020/11/19 Python
小程序canvas中文字设置居中锚点
2019/04/16 HTML / CSS
法国购买二手电子产品网站:Asgoodasnew
2020/03/27 全球购物
应聘编辑职位自荐信范文
2014/01/05 职场文书
高中物理教学反思
2014/02/08 职场文书
婚庆司仪主持词
2014/03/15 职场文书
广播节目策划方案
2014/05/23 职场文书
毕业生求职信范文
2014/06/29 职场文书
拖欠货款起诉状
2015/05/20 职场文书
征求意见函
2015/06/05 职场文书
小学思想品德教学反思
2016/02/24 职场文书
PO模式在selenium自动化测试框架的优势
2022/03/20 Python
《我的美好婚事》动画化决定纪念插画与先导PV公开
2022/04/06 日漫