学了好几个加载事件,有点犯迷糊,求教高手一下..

Question

这俩都是jQuery是吧? 请问这俩什么区别? 他们的原型是什么? $(document).ready(function(){ }) $(function(){ })请问下面这俩是一样的,只是一个是JavaScript,一个是 jQuery 对吗?window.onload = functionName$(window).onload(FunctionName)这仨哪里的区别? $("*").on("keydown", TanQiJian) $(document).on("keydown", TanQiJian) $(window).on("keydown", TanQiJian)

Answer 1

jQuery 的文档 提到，

All three of the following syntaxes are equivalent:

• $( document ).ready( handler )

• $().ready( handler ) (this is not recommended)

• $( handler )

所以第1个问题，没区别

第2个问题。有者是用的浏览器自己实现的事件方式。后者是 jQuery 封装的事件方式，jQuery 的实现方式是对浏览器实现方式的封装，但在使用上，还是没啥区别的。不过用 jQuery 封装的事件方式，支持 jQuery 的链式调用，或者其它一些 jQuery 特性。

第3个问题。应用地不同对象的事件申明肯定是不一样的，第1个是对所有当前已经存在的元素绑定了 keydown 事件，第二个是对 document 绑定事件，第三个是对 window 绑定事件。由于事件的冒泡机制，如果没有在事件处理函数中中止冒泡，最终事件都会冒到 document，再冒到 window，按顺便分别触发他们的事情