一、普通事件绑定
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、有四个参数: