浅析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 RuntimeObject() 获取ie里面自定义函数或者属性的集合
Nov 23 Javascript
iframe子父页面调用js函数示例
Nov 07 Javascript
用javascript关闭本窗口技巧小结
Sep 05 Javascript
node.js中的fs.fstat方法使用说明
Dec 15 Javascript
浅谈JavaScript中的作用域和闭包问题
Jul 07 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
Aug 22 Javascript
jquery层级选择器的实现(匹配后代元素div)
Sep 05 Javascript
Javascript获取background属性中url的值
Oct 17 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
May 11 Javascript
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
node.js利用socket.io实现多人在线匹配联机五子棋
May 31 Javascript
JavaScript实现与使用发布/订阅模式详解
Jan 19 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 5.3 下载时 VC9、VC6、Thread Safe、Non Thread Safe的区别分析
2011/03/28 PHP
php获取中文拼音首字母类和函数分享
2014/04/24 PHP
ThinkPHP登录功能的实现方法
2014/08/20 PHP
php在数组中查找指定值的方法
2015/03/17 PHP
PHP常用技巧汇总
2016/03/04 PHP
yii2中的rules 自定义验证规则详解
2016/04/19 PHP
PHP消息队列实现及应用详解【队列处理订单系统和配送系统】
2019/05/20 PHP
Yii框架操作cookie与session的方法实例详解
2019/09/04 PHP
Laravel-admin之修改操作日志的方法
2019/09/30 PHP
基于jQuery的弹出框插件
2012/03/18 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
2014/11/02 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
2015/07/27 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
2016/08/24 Javascript
js实现一个可以兼容PC端和移动端的div拖动效果实例
2016/12/09 Javascript
详解jQuery简单的表格应用
2016/12/16 Javascript
vue项目部署上线遇到的问题及解决方法
2018/06/10 Javascript
Echarts动态加载多条折线图的实现代码
2019/05/24 Javascript
javascript自定义加载loading效果
2020/09/15 Javascript
移动端JS实现拖拽两种方法解析
2020/10/12 Javascript
[06:09]辉夜杯主赛事开幕式
2015/12/25 DOTA
[01:51]2018年度CS GO最具人气外援-完美盛典
2018/12/16 DOTA
自己使用总结Python程序代码片段
2015/06/02 Python
windows下Virtualenvwrapper安装教程
2017/12/13 Python
Python列表的切片实例讲解
2019/08/20 Python
Keras 利用sklearn的ROC-AUC建立评价函数详解
2020/06/15 Python
Html5 audio标签样式的修改
2016/01/28 HTML / CSS
惠普新加坡官方商店:HP Singapore
2020/04/17 全球购物
单位未婚证明范本
2014/01/18 职场文书
中学生学雷锋演讲稿
2014/04/26 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
投标保密承诺书
2014/05/19 职场文书
幼儿园六一儿童节活动方案
2014/08/26 职场文书
淘宝客服专员岗位职责
2015/04/07 职场文书
如何理解Vue前后端数据交互与显示
2021/05/10 Vue.js
python opencv将多个图放在一个窗口的实例详解
2022/02/28 Python
Java服务调用RestTemplate与HttpClient的使用详解
2022/06/21 Java/Android