浅析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调试(不下载任何工具)
Apr 14 Javascript
javascript oop开发滑动(slide)菜单控件
Aug 25 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
Oct 19 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
May 03 Javascript
JS实现仿新浪黄色经典滑动门效果代码
Sep 27 Javascript
炫酷的js手风琴效果
Oct 13 Javascript
javascript操作cookie
Jan 17 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
Feb 14 Javascript
微信小程序常用简易小函数总结
Feb 01 Javascript
微信小程序实现图片上传
May 23 Javascript
浅析vue-router中params和query的区别
Dec 24 Javascript
使用compose函数优化代码提高可读性及扩展性
Jun 16 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和ACCESS写聊天室(八)
2006/10/09 PHP
使用bcompiler对PHP文件进行加密的代码
2010/08/29 PHP
分享PHP函数实现数字与文字分页代码
2015/07/28 PHP
yii框架搜索分页modle写法
2016/12/19 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
JS数学函数Exp使用说明
2012/08/09 Javascript
JavaScript中实现最高效的数组乱序方法
2014/10/11 Javascript
Bootstrap开发实战之响应式轮播图
2016/06/02 Javascript
AngularJS包括详解及示例代码
2016/08/17 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
微信小程序之前台循环数据绑定
2017/08/18 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
2018/07/23 jQuery
使用vue自定义指令开发表单验证插件validate.js
2019/05/23 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
2019/11/06 Javascript
Javascript实现秒表计时游戏
2020/05/27 Javascript
在Windows8上的搭建Python和Django环境
2014/07/03 Python
Python自然语言处理 NLTK 库用法入门教程【经典】
2018/06/26 Python
Python实现模拟登录网易邮箱的方法示例
2018/07/05 Python
Python实现拷贝/删除文件夹的方法详解
2018/08/29 Python
python运用pygame库实现双人弹球小游戏
2019/11/25 Python
Python读取二进制文件代码方法解析
2020/06/22 Python
会计师事务所审计实习自我鉴定
2013/09/20 职场文书
2013年办公室秘书的个人自我鉴定
2013/10/24 职场文书
部队学习十八大感言
2014/01/11 职场文书
学生打架检讨书1000字
2014/01/16 职场文书
学生会离职感言
2014/02/11 职场文书
致跳远运动员广播稿
2014/02/11 职场文书
新闻编辑自荐书范文
2014/02/12 职场文书
文秘求职信范文
2014/04/10 职场文书
厨房领班竞聘演讲稿
2014/04/23 职场文书
青春奉献演讲稿
2014/05/08 职场文书
归途列车观后感
2015/06/17 职场文书
2016年大学生寒假社会实践心得体会
2015/10/09 职场文书
用Python简陋模拟n阶魔方
2021/04/17 Python
tensorboard 可视化之localhost:6006不显示的解决方案
2021/05/22 Python
jdbc中自带MySQL 连接池实践示例
2022/07/23 MySQL