学习笔记 第三章

1. $(document).ready(..)的方法可以在参数中传入多个函数，以便实现在页面加载时调用多个方法。
2. $(document).ready(..)可以简写成$().ready(..)，一般推荐第一种。
3. 当在一个页面中调用了多个JS库的时候，可以使用 jQuery.noConflict();可以把控制权交给处JQuery外的其他JS库。<script tyep="text/javascript"> jQuery.noConfliect();</script>
4. 通过jQuery.noConflict的调用，$(document).ready()应该写成jQuery(document).ready(function($){ 这里$就可以正常使用而不会冲突了})，或者也可以简写为jQuery(function($){  ...})。
5. toggle(p1,p2):这个函数有两个参数，当在一个Dom元素上使用这个方法时，用户第一次点击时调用第一个函数p1,第二次点击时调用第二个函数p2。下次再点击时调用第一个。。。以此类推。如$(#switcher h3).toggle(function(){},function(){...})
6. toggleClass('') 可以检查某个DOM元素的类是否存在，如果存在就不操作，否则就给这个DOM增加这个类。
7. hover(p1,p2)方法接受两个参数，鼠标进入DOM元素时执行第一个函数p1,鼠标指针离开DOM的区域时执行第二个函数p2。考虑到不同浏览器使用的事件捕获机制不同，对于鼠标指针进入或者离开DOM元素的操作最好使用hover方法。
8. jQuery提供了event.target方法来找到当前响应事件的DOM对象，通过此方法结合this关键字可以避免事件传播，如：if(event.target==this)
9. event.stopPropagation()方法可以停止事件的传播。
10. preventDefault();方法可以组织浏览器对某个DOM对象执行默认行为，如鼠标点击一个链接或者在表单中回车后调用的提交按钮。
11. $(event.target).is(...)这个方法可以通过event.target的is方法来检查当前括号中的元素是否与选择的元素匹配。
12. 可以把一个JS函数制定给一个局部变量，这样可以在需要的地方调用它，比如var toggleStyleSwitcher=function(event){..},这里的toggleStyleSwitcher可以在后面的函数中被调用，如:$('#switcher .button').bind('click.collapse',toggleStyleSwitcher)。注意，这里作为参数的JS函数是不加括号的，否则会被立即执行，我们这里只是要给这个DOM元素绑定一个JS函数，而并不是要现在就执行。注意这里的colapse是一个命名空间，实际上我们还是给click事件绑定了函数，但是有了这个collapse会标明我们是给那个DOM元素绑定事件函数。这里使用赋值给变量的匿名函数toggleStyleSwitcher的好处是，这个函数的行为在同一个DOM元素上只会被绑定一次，因为它实际上是完成相同的事情，假如不使用匿名函数，可能会造成在同一个DOM上注册多个重复的执行相同行为的事件。
13. trigger方法可以模拟用户触发一个事件，比如$('#switcher').trigger('click')将触发一个单击事件。同样，如果内置的click(),keydown()等事件没有任何参数，也是执行一个模拟用户操作的行为。