jQuery事件机制

1.注册简单事件

  $('div').click = function(){}

  缺点：一次只能注册一个事件

2.bind方法：可注册多个事件（已废弃）

3.delegate方法：注册一个委托事件（已废弃）

4.on注册事件（重点）

jQuery1.7之后，iquery 用on统一了所有事件的处理方法

4.1 注册简单事件

  $(selector).on('click',function(){})
  
  表示给自$(selector)绑定事件，并且由自己触发，不支持动态绑定

4.2注册委托事件

  $(selector).on(events,selector,data,handler)
  
  参数1：events 绑定事件的名称，可以是由空格分割的多个事件（标准事件或自定义事件）
  参数2：selector 执行事件的后代元素（可选）,如果没有后代元素，那么事件将自己执行
  参数3： data 传递给处理函数的数据，事件触发的时候通过event.data 来使用（不常用）
  参数4：handler 事件的处理函数

5.解除事件绑定

  off() // 解除所有事件
  
  off('click') 解除click事件

6.事件触发

  click() 或者 trigger('click')

7.阻止事件冒泡和浏览器的默认行为

  event.stopPropagation() // 阻止事件冒泡
  
  event.preventDefault() // 阻止浏览器的默认行为
  
  return false // 既能阻止事件冒泡又能阻止浏览器的默认行为

	<a href="https://www.baidu.com" id="link"></a>

      $('#link').on('click',function(e){
        e.preventDefault()
        e.stopPropagation()
        return false
      })
      

前端进阶精选：点此去