js和jq中的绑定事件

  

     jquery的思想就是write less ，do more 。而事件的整个过程也是这样践行的。就拿绑定事件来说吧：

   示例如下（代码已经过验证，运行失败请自行debug）

     在js中的绑定事件是addEventListener和attachEvent（为了兼容IE和FF)，示例如下：

     

<input  id="btn1" type=''button'' value="点击">

       window.οnlοad=function(){
            var obtn=document.getElementById("btn1")

            obtn.addEventListener('click', function()
            {
                alert('a')
            })
        }

但是在jq之中的绑定事件更加简单，只是简单的bind语句就可以把多个事件放在一起顺次执行。实例如下：

    <script src="jquery-2.1.1.min.js"></script>
    <script>
      $(document).ready(function(){
          var obtn=$("#btn1")
          obtn.bind({click:function(){
              alert("a")
          },mouseenter:function(){
              alert("b")
          }})
      })
    </script>

仅仅看代码行数，js的示例只是添加了一个事件就写了这么多行，而jq是在bind内部进行添加，此外，jq获取元素的方式更加直接暴力，不必书写一长串的document等等。

而且，我在一次试验中遇到了了一个莫名的bug，这个bug当时调了接近半小时。从语句上来说是完全没有错误的，真正的错误来源于获取元素部分。

    我利用odiv.getElementById("某个id")却失败了，反复实验才发现原来用id抓取元素只能是在整个doc里，而不是仅仅通过其父元素或者上级元素。但是在学习的过程之中，并没有哪本教科书降到了这个知识点。看来，应该是被忽略了吧。所以啊，真是要慢慢学，细心的学习才能发现问题呢！！