加载事件有两种,普通的加载事件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