Jquery技术 合成事件 合成事件.pptVIP

合成事件 信息工程学院 讲师：曾艳 合成事件 hover(): 模拟光标悬停事件， 当光标移动到元素上时, 会触发指定的第一个函数, 当光标移出这个元素时, 会触发指定的第二个函数. toggle(): 用于模拟鼠标连续单击事件. 第一次单击元素, 触发指定的第一个函数, 当再一次单击同一个元素时, 则触发指定的第二个函数, 如果有更多个函数, 则依次触发, 直到最后一个. toggle() 的另一个作用: 切换元素的可见状态. 合成事件 //背景移入移出切换效果 $(div).hover(function () { $(this).css(background, black); //mouseenter 效果 }, function () { $(this).css(background, red); //mouseleave 效果，可省略 }); 注意：.hover()方法是结合了.mouseenter()方法和.mouseleva()方法，并非.mouseover()和.mouseout()方法。 合成事件 $(div).toggle(function () { //第一次点击切换 $(this).css(background, black); }, function () { //第二次点击切换 $(this).css(background, blue); }, function () { //第三次点击切换 $(this).css(background, red); });