jquery_basic(1)

jquery处理事件

   可一次对多个选中对象注册程序

   

bind()  可一次对多个选中对象注册程序

1.   $(' p ').click( f )   ===    $(' p ').bind ( ' click ' , f ) ;      

 2 .  $(' p ').bind ( ' click ' , data ,  f ) ;       data   在调用处理程序前，将指定的值设置为event对象的data属性

  3.  $(' a ').bind ( ' mouseenter  mouseleave  ' ,  f )     ======;    $(' a '). hover( f )       (' a '). unbind ( ' mouseenter  mouseleave  '  )

 

4.    $(' a ').bind ( ' mouseover.myMod  ' ,  f )                               (' a '). unbind ( ' mouseenter .myMod  '  )

5.   $(' a ').bind ( {  mouseenter : f ,   mouseleave   :  g } )     ======;    $(' a '). hover( f , g  )

one()  只会触发一次

unbind()

          $(' a '). unbind ( ' click  ' , myHandle  ) ;

          $(' a '). unbind ( {  mouseover : handle,   mouseout : mouseoutHandle   }  ) ;

若传递event对象给unbind（ev）   ===>   unbind(ev.type   ev.handle)

tragger()

triggerHandle()  ====>首先调用event对象的preventDefault()和cancelBubble()  不会冒泡 不会执行相关联的默认操作

$(document).ready()却不需要载入得这么“完全”。

$(document).ready()是在DOM结构载入完后执行的，

而 window.onload是得在所有文件都加载完后执行的，

注意区别，一个是DOM加载完，一个是所有文件加载完。

因此，ready肯定在onload 之前发生，页面加载大或者多的图片而使onload执行延后，使用jquery的ready可缓解此问题。

   

实时事件

    delegate()     undelegate()   live( )  die(  )

$(document).delegate( " a " ," mouseover " , handler ) 通常在$(document)调用.

$(' a ').live( " mouseover " , handler ) 通常绑定在document上