jQuery页面加载初始化常用的三种方法和function($){….})(jQuery)

第一种:

<script type="text/javascript"> 
//init method one 
$(document).ready(function(){ 
trace("初始化方法进入"); 
}); 
function trace(obj){ 
console.log(obj); 
} 
</script>

第二种:


<script type="text/javascript"> 
//init method one 
$(function(){ 
trace("初始化方法进入二"); 
}); 
function trace(obj){ 
console.log(obj); 
} 
</script>

第三种:

<script type="text/javascript"> 
//init method one 
jQuery(function($){ 
trace("初始化方法进入三"); 
}); 
function trace(obj){ 
console.log(obj); 
} 
</script>

ps;不用jquery,在页面初始化的方法,


1.在body里面写onload 

2.在脚本里面写

window.onload=function(){ 
//要初始化的东西 
} 

function($){….})(jQuery):
初次看到这种写法时,一头雾水,不知所云。在网上查找了一些资料之后才有点明白。

我们先看第一个括号里边的内容:function( ) … . , 这 不 就 是 一 个 匿 名 的 函 数 吗 ? 但 是 它 的 形 参 比 较 奇 怪 , 是 ){….},这不就是一个匿名的函数吗?但是它的形参比较奇怪,是 ).,这里主要是为了不与其它的库冲突。

这样我们就比较容易理解第一个括号内的内容就是定义了一个匿名函数,我们在调用函数的时候,都是函数名后边加上括号以及实参,但是由于操作符的优先级我们定义的匿名函数也需要用()括起来。

现在我想大家已经很清楚这句话是什么意思了吧。第一个括号表示定义了一个匿名函数,然后第二个函数表示为该函数传递的参数,整个结合起来意思就是,定义了一个匿名函数,然后又调用该函数,该函数的实参为jQuery。

相当于:function fun($){…};fun(jQuery);

这种方法多用于存放开发的插件,执行其中的代码时,Dom对象并不一定加载完毕。于此相反的是 ( f u n c t i o n ( ) ) , 这 种 方 法 在 使 用 时 页 面 的 D o m 对 象 已 经 加 载 完 毕 了 。 事 实 上 该 方 法 的 全 写 是 : (function(){}),这种方法在使用时页面的Dom对象已经加载完毕了。事实上该方法的全写是: (function())使Dom(document).ready(function(){});

jQuery中(function( ) ) ( j Q u e r y ) 与 ){})(jQuery)与 ))(jQuery)(function(){})区别:
(function($){…})(jQuery)相当于匿名函数,形成闭包,内部定义的函数和变量只能在此范围内有效。

相当于 var fn=function(s){}; fn(s);

( f u n c t i o n ( ) ) 相 当 于 (function(){ }) 相当于 (function())(document).ready(function(){})或$(‘window’).ready(function(){}),在DOM加载完成之后执行那些预行定义好的函数。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值