多事件绑定和加载：

开发过程中我们经常会在同一个按钮上绑定多个事件，例如我们在点击清空按钮的时候，清空所有的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来控制