前言:
js 原生态的加载方法是window.onload 方法:
window.onload = function(){ //js 方法 }
$(document).ready(function(){ //jquery方法 })
window.onload是等页面上所有的元素加载完毕之后,包括DOM,包括js,包括图片等。加载完毕之后,才会执行。
$(document).ready() 是只要页面上的DOM加载完毕之后(HTML的主架构),就立马执行的。速度很快。
window.onload():
永远执行最后一个onload( );最后一个覆盖前面的。很蛋疼。
jquery的$(document).ready():
不管多少个,都会执行,效率很高。
说到绑定,就是给一个元素绑定一个事件,可以单击,也可以双击,鼠标滑过等等动作。我们看看原生态的 js :
<input type='button' value='确定' onclick='doit()' /> <a href='javascript:void(0)' onnclick='doit()'>单击</a>
这个时候jquery 绑定bind() 来了,他是自动查找元素,然后,为它绑定一个事件,就方便多了。
jquery 中有两个合成事件,hover() 和 toggle() 。所谓合成,就是几个方法合在一起用,用一个方法来替换多个方法。
坑爹的是最新版的jQuery 1.9 版本删除了toggle(function1,function2) 方法。
什么是事件冒泡呢。就是你去触发一个元素的事件的时候,不小心触发了其他元素也被触发。就称为冒泡事件。
如何阻止时间冒泡呢。
return false; 就可以了。
有时候我们在调试的时候,或者开发的时候,需要去模拟一个用于的需求,这个时候jquery提供的 trigger() 方法。
$("#btn").trigger('click'); $("#btn").click();//一样的
1.9.3 相同事件名称,不同命名空间执行方法
事件搞完了!下一章,动画。