jQuery的页面载入事件

加载事件有两种,普通的加载事件onload和Jquery事件。

一、jQuery的页面载入事件是ready()方法.这个方法类似于传统JavaScript中的OnLoad()方法,只是在事件执行时间上有区别,OnLoad()方法的执行必须是页面中的全部元素完全加载到浏览器后才触发,在这种情况下,如果页面中的图片过多或图片过大,那么有可能要等OnLoad()广告执行完毕,用户才进能行其他的操作,如果使用jQuery中的ready()方法加载页面,则只要页面的DOM模型加载完毕,就会触发ready()方法,因此,两者在事件的执行效果上ready()方法明显优于JavaScript中的OnLoad()方法.

普通加载事件(onload)是在页面加载已经完毕之后才执行的事件;Jquery的加载事件只要在内存在已经有了dom树结构,那么该事件就会被加载。所以Jquery的ready 在onload 前加载。


二、如果使用多个window.onload(),则只有最后一个绑定的函数能被执行,它将覆盖前面所有window.onload()绑定的函数。

      如果使用多个$(),则它们都能被执行。

      需要注意的是如果<body onload> body标签的onload事件已经注册了某个函数  则$()事件注册的函数将不会被执行


总结:

一般样式控制的,比如图片大小控制放在onload 里面加载; 而jS事件触发的方法,可以在ready 里面加载; 


绑定事件描述:

就是将某函数与某元素的某事件绑定在一起  $("#id").click(function(){})就是将一个匿名函数与id元素的click事件绑在一起

但上面的例子其实只是缩写形式,因为其是简单常用的事件绑定,正规写法应如下:

$("#id").bind("click",[data],function(){})

bind(type,[data],fn)  返回值:Object  参数-type:事件类型String data:可选,作为event.data属性值传递给后面fn的实参Object  fn:绑定到事件上的函数Function



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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值