首页 > 代码库 > jQuery之第4章 jQuery中的事件和动画

jQuery之第4章 jQuery中的事件和动画

一、jQuery中的事件:

  1、加载DOM:

    jQuery:$(document).ready();

    JavaScript:window.onload();

    $(window).load(function(){

    })  等价于

    window.onload = function(){}

  简写方式:

  (1)$(document).ready(functon(){})

  (2)$().ready(functon(){})

  (3)$(function(){})

  2、事件绑定:

    bind();

  3、合成事件:

  (1)hover() :用于模拟光标悬停事件。

  (2)toggle() :用于模拟鼠标连续单击事件。另一作用,切换元素的可见状态。

  4、事件冒泡:

    event.stopPropagation();  //停止事件冒泡

    event.preventDefault();  //阻止默认行为

    改写为:

    return false;

   事件捕获:

    jQuery不支持事件捕获,需要使用JavaScrip原生实现。

  5、事件对象的属性:

  (1)event.type

  (2)event.stopPropagation();

  (3)event.preventDefault();

  (4)event.target

  (5)event.relatedTarget

  (6)event.pageX、event.pageY

  (7)event.which

  (8)event.metaKEY

  6、移除事件:

  unbind();

  one();

  7、模拟操作:

  trigger();

    

jQuery之第4章 jQuery中的事件和动画