JQuery--事件触发方式

JQuery事件触发方式

1. $(document).ready() 响应JS内置的onload事（但是不等图片加载完）件并执行任务的一种方式。

    window.onload事件要等页面上的全部元素加载完成。

2. 通过.bind()绑定事件

3.复合事件处理
  .toggle(), .hover()

  .toggle()方法接受两个参数，而且这两个参数都是函数。第一次在绑定改方法的元素上单击会调用第一个函数
  第2次则调用第2个函数。此后，随着每一次单击交替执行。 
   在为元素添加或移除类之前，可以使用.toggleClass()方法自动检查该类是否存在。
   
  .hover()方法也是接受两个函数参数。第1个函数会在鼠标指针进入被选择的元素时执行，第2在离开时执行。
   

 

4.限制和终止事件
   4.1事件冒泡
        当事件（如单击）发生时，会首先发送给最具体的元素，在这个元素获得响应机会之后，事件会
     向上冒泡到更上一层的元素。
   4.2事件捕获
        允许多个元素响应单击事件的一种策略叫做事件捕获。在事件捕获过程中，事件首先会交给最外层的元素，
      接着再交给更具体的元素。
      事件捕获和事件冒泡是浏览器大战时期，分别由Netscape和微软提出的两种相反的事件传播模型。
   4.3事件目标 
   event.target保存着放生事件的目标元素。通过.target可以确定DOM中首先接收到事件的元素。
  this引用的是处理事件的DOM元素（或者说响应事件的DOM元素）。
       通过event.target == this 可以判断 点击的目标元素 和响应事件的元素是否为同一元素。
  4.4停止事件传播
    .stopPropagation()方法，可以完全阻止事件冒泡。（跨浏览器时无法安全使用）
 4.5移除事件处理程序
    .unbind()方法用来移除相应的事件处理程序。
    .unbind('click',函数名) 事件类型作为第1个参数，函数作为第2个参数。

    对于只需触发一次，随后立即解除绑定的情况也是有一种简写方法为.one('事件名'. '函数名')
 4.6模拟用户操作
    通过.trigger()方法可以完成模拟事件的操作。$('~').trigger('click')在~元素上触发click事件。
    可以想.bind一样，省略不写。$('~').click()也是触发click事件。