jQuery中几个自定义的事件

(1)hover(fn1,fn2):一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。函数

//当鼠标放在表格的某行上时将class置为over,离开时置为out。  this

$("tr").hover(spa

     function(){  对象

$(this).addClass("over");  事件

    },  rem

  function(){  it

     $(this).addClass("out");  io

    }event

);  function

(2)ready(fn):当DOM载入就绪能够查询及操纵时绑定一个要执行的函数。

  1. $(document).ready(function(){alert("LoadSuccess")})  

  1. //页面加载完毕提示“LoadSuccess”,至关于onload事件。与$(fn)等价  

 

(3)toggle(evenFn,oddFn):每次点击时切换要调用的函数。若是点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。    

//每次点击时轮换添加和删除名为selected的class。  

$("p").toggle(

function(){  

             $(this).addClass("selected");     

      },

function(){  

             $(this).removeClass("selected");  

      }

);  

 

(4)trigger(eventtype):在每个匹配的元素上触发某类事件。

     例如:

 

  1. $("p").trigger("click");             //触发全部p元素的click事件  

 

(5)bind(eventtype,fn),unbind(eventtype):事件的绑定与反绑定。从每个匹配的元素中(添加)删除绑定的事件。

     例如:

$("p").bind("click",function(){alert($(this).text());});      //为每一个p元素添加单击事件  

$("p").unbind();       //删除全部p元素上的全部事件  

$("p").unbind("click")       //删除全部p元素上的单击事件

相关文章
相关标签/搜索