优秀js开源框架-jQuery使用手册(6)
16lz
2021-01-22
六:事件处理
hover(Function, Function) 当鼠标move over时触发第一个function,当鼠标move out时触发第二个function
样式:<style>.red{color:#FF0000}</style>
Html代码: <div id="a">sdf</div>
jQuery代码及效果
$(function(){
$("#a").hover(function(){$(this).addClass("red");},
function(){ $(this).removeClass("red");
});
})
最终效果是当鼠标移到id为a的层上时图层增加一个red样式,离开层时移出red样式
更多相关文章
- 如何在向下滚动时执行TEXT淡入效果
- 如何使用特定样式获取jquery中的第一个和最后一个值?
- JQuery属性与样式――.val()和增加样式.addClass()
- 具有嵌套效果循环的jquery动画
- Jquery:JS弹出窗口DIV层效果
- 文字效果 - 图像到css / jQuery
- 将CSS样式转换成JS变量?
- web前端复习(二):js日期操作,实现时间显示和倒计时效果
- 用jquery改变样式:after