多事件绑定和加载：

开发过程中我们经常会在同一个按钮上绑定多个事件，例如我们在点击清空按钮的时候，清空所有的input的value值：

    <div>          <input type="button" id="searchBtn" value="清空" style="width: 204px;"/><br><br>          <input type="text" id="username" style="width: 200px;"/><br><br>          <input type="text" id="password" style="width: 200px;"/>      </div>    <script>          $(document).ready(function(){              $("#searchBtn").click(function(){                  $("#username").val("");              });              $("#searchBtn").on("click",function(){                  $("#password").val("");              });          });      </script>

代码中的 .on() 是jquery中的一个函数，专门用于为指定元素的一个或多个事件绑定事件处理函数。

我们也可以用[bind()][6]的方式去绑定多个事件，代码如下：

$(function(){      $("#search").bind("click",showdata);      $("#search").bind("click",showRe);    });

或者

$("#serach").bind("click",function(){    showRe();    showData();});

注意这里是先绑定先执行，所以要把先执行的函数放在前面

---

我们在写onclick的时候，或者addEventListener的时候，经常是冒泡还是补获，需要在函数尾部写上一个参数：element.addEventListener(‘click’,doSomething2,bool)中的bool来控制