模拟鼠标连续单击事件实际上就是为每次单击鼠标时设置一个不同的函数,从而实现用户每次单击鼠标时,都会得到不同的效果,这可以通过jQuery提供的toggle()方法实现。toggle()方法会在第一次单击匹配的元素时,触发指定的第一个函数,下次单击这个元素时会触发指定的第二个函数,按此规律直到最后一个函数。随后的单击会按照原来的顺序循环触发指定的函数。其语法格式如下:
toggle(odd,even)
例如,要实现单机页面上的工具图片(id为tool的img元素),显示工具提示,再单击时,隐藏工具提示,可以使用以下代码:
$("#tool").toggle( function(){$("#tip").css("display","");}, function(){$("#tip").css("display","none");} );