jQuery事件

开发工具与关键技术：Visual Studio 2015 JQuery
作者：郭程富
撰写时间：2020年5月3日

知识点：
   当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
      这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。
      简单地说，这个方法纯粹是对向window.load事件注册的替代方法。通过使用这个方法，
      可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。
      注意：可以在同一个页面中无限次地使用$(document).ready()事件。
      其中注册的函数会按照（代码中的）先后顺序依次执行。
      参数说明：fn 要在DOM就绪时执行的函数
      在DOM加载完成时运行的代码，可以这样写：
       jQuery 代码:
        $(document).ready(function(){
            这里写代码...
        });
        简写形式
        $(function(){
            这里写代码...
        })
  事件有：鼠标事件 键盘事件 表单事件和jQuery 事件的绑定和解绑。
  鼠标事件：
1.click() 鼠标单击事件。
2.dblclick() 鼠标双击事件。
3. mousedown() 当鼠标指针移动到元素上方，并按下鼠标按键时，会发生mousedown事件。
       4. mouseup() 当在元素上放松鼠标按钮时，会发生 mouseup 事件。
       5. mouseenter() 当鼠标指针穿过元素时，会发生mouseenter事件。该事件大多数时候会与mouseleave 事件一起使用。
       6. mouseleave() 当鼠标指针离开元素时，会发生 mouseleave 事件。该事件大多数时候会与mouseenter 事件一起使用。
       7.mouseover() 当鼠标指针位于元素上方时，会发生 mouseover 事件。该事件大多数时候会与 mouseout 事件一起使用。
       8.mouseout() 当鼠标指针从元素上移开时，发生 mouseout 事件。该事件大多数时候会与 mouseover 事件一起使用 。
       9. mousemove() 当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。
          mousemove事件处理函数会被传递一个变量——事件对象，其.clientX 和 .clientY 属性代表鼠标的坐标。
  还有要注意的地方:
       mouseover与mouseenter的区别：
       mouseover如果鼠标指针穿过选定元素的任何子元素，都会触发mouseover事件，
       mouseenter如果鼠标指针穿过选定元素的任何子元素不会触发mouseenter事件
       mouseout与mouseleave的区别：
       mouseout不论鼠标指针离开被选元素还是任何子元素，都会触发mouseout事件。
       mouseleave只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件
       简而言之：就是移动到选定元素的子元素上面是否触发事件
       mouseover  子元素 触发
       mouseenter 子元素 不触发
       mouseout   子元素 触发
       mouseleave 子元素 不触发
 就说到这里。