JQuery事件

一。绑定事件、取消事件

  为元素绑定事件的方式有好几种，取消其绑定的事件的方式也有几种。

    

    在下面这个例子中列举出来：

使绑定的事件只生效一次：

其他事件可以通过这个例子举一反三。

二。事件委托

在上面这个例子中，div里的中默认的两个按钮都会被绑定一个点击事件。

但现在点击一下新增按钮，往div中追加一个按钮：

按钮的属性和之前的两个一模一样，不同之处就在于这个按钮无法触发点击事件，即便它符合选择器的条件。因为它是在click方法绑定完所有按钮之后才添加进来的，这种是非委派绑定：

相同的选择器绑定的事件 后续添加进来相同元素不会绑定该事件。

 委派模式：

$(document).on("click","input[name='bt']" , function () {
         alert("点击事件！！");}
)

先将document对象转换成JQuery对象，使用on添加绑定，参数顺序：

事件类型 -- 选择器 -- [传递的数据] -- 触发的方法

这样，什么时候添加进来的按钮都会被绑定这个点击事件，这就叫事件委派。