jq绑定事件的方法

在使用Jquery写js代码前，我们需要先引入该插件库。

我们的html代码很简单，主要就是一个输入框控件和一个按钮。

第一种绑定事件的方法是直接调用方法的名称，

$(".btn").click();

其中$(".btn")是先找到样式名为btn的按钮，然后绑定该按钮的点击事件（click），如果是绑定双击事件就是，$(".btn").dbclick()。在元素后面跟上事件的名称就行了。

运行页面，点击按钮

点击后，触发事件，执行了事件里的代码：在输入框里输入了值。

第二种方法是用on方法：$(".content").on("click", ".btn", function ())，

on方法是先找到按钮的父容器，然后调用on方法，第一参数是事件名称，比如click, blur等，第二个参数是为哪个元素绑定事件，（该元素需要是在样式名为content这个容器下的）。

这种方法对比第一种方法有一个好处，就是当content容器下，用js添加了其他按钮，而且样式名也是btn时，这些按钮也会应用上这个事件。如果是第一种方法，动态生成的这些按钮是不会应用上这个事件。

刷新页面，点击按钮后，同样成功触发了事件。

除了为按钮添加事件，html上的任何元素，我们都可以为其添加事件的，而且可以添加任何事件。