JQuery事件绑定

JQuery事件绑定

1、绑定事件

我们知道，一个标签可以拥有多个事件，就像每个人都可以吃饭睡觉一样，我们也了解到了一个事件的创建方法，比如点击事件click()、鼠标移入事件mouseenter()等等，但是，我们怎样一次的将多个事件封装到对象里呢 ？这样，我们就不得不提到bind()绑定事件的发放了。接下来就是 该方法的语法了：

$("p").bind({
    click: function () {
        alert("haha");
    },
    mouseenter: function () {
        alert("hehe");
    }
});

上面就是给p标签添加了click事件和mouseenter事件。

注意：重新通过js或者jquery代码创建的p标签并没有绑定bind()方法里面的事件。

所以，我们又来了新的绑定事件的方法——on()方法。我们举个例子：

$('.box1 p').on("click mouseenter", function () {
     alert("点击了我");
});
$(".box1").on("click", "p", function () {
     alert("点点点");
})

上面应该我们比较常见，第一段代码也就是给某个地方的p标签绑定了click事件和mouseenter事件。而第二段代码与第一段的代码效果是差不多的，但是，针对于第二段代码，我们需要了解的是当我们通过其他方式向.box这个容器中添加了其他的p标签，而这个p标签依旧绑定了click事件。

2、阻止默认事件和冒泡事件的发生

所谓默认事件，其实就是像a标签的跳转事件差不多，不同的标签有时候也有自己的事件，但是我们有时候不希望他们去执行

所谓冒泡事件，其实就是上一级的事件或在下一级的事件结束后执行。

我们也初步了解了这些事件，当我们需要关闭这些事件是，一般情况下，我们可能都知道return false;这条语句其实是个万能语句，它既可以阻止默认事件，还可以阻止冒泡事件。

针对于默认事件，jquery中也有一个方法去阻止他，那便是e.preventDefault()方法，但是他不能阻止冒泡事件的发生。

针对于冒泡事件，jquery中业余一个方法去阻止他，那便是e.stopPropagation()方法，但是他不能阻止默认事件的发生。

3、解绑事件

有了绑定事件，我们也需要解绑啊，于是，off()也来了，上面是on这里是off，天作之合嘛！而解绑的语法非常容易。就是off("click")。