JQ 事件监听

一、普通事件绑定

1、语法：jq对象.事件类型（回调函数）

  eg：

 $('p').click(function () {
         console.log(222222222);
     });

2、注意：

  ①使用jq 一定要进行引入 否则 $ is not defined

  ②jq操作的元素是批量的

  ③没有兼容性问题

  ④对同一个jq对象进行相同类型事件绑定 则 执行的顺序 和绑定的顺序相同

  ⑤jq对事件的绑定支持链式绑定

  ⑥当不同种事件类型进行绑定时 满足事件触发的条件 就会执行 和 绑定的顺序无关

  ⑦jq事件进行绑定时 没有on

 $('.box').click(function () {
        console.log('第二次绑定');
    }).click(function () {
        console.log('第一次绑定');
    }).mouseenter(function () {
      // console.log(this);
        //原生js
        this.style.backgroundColor = 'red';
    }).mouseleave(function () {
        //console.log(this);
        //jq
        $(this).css('backgroundColor','');
    });

二、on事件绑定

1、有四个参数：