优秀js开源框架-jQuery使用手册(6)
2011-08-31 17:45
633 查看
六:事件处理
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样式
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样式
相关文章推荐
- 优秀js开源框架-jQuery使用手册(1)
- 优秀js开源框架-jQuery使用手册(2)
- 优秀js开源框架-jQuery使用手册(1)
- 优秀js开源框架-jQuery使用手册(5)
- 优秀js开源框架-jQuery使用手册(1)
- 优秀js开源框架-jQuery使用手册(3)
- 优秀js开源框架-jQuery使用手册(4)
- 优秀js开源框架-jQuery使用手册(2)
- 优秀js开源框架-jQuery使用手册(3)
- 优秀js开源框架-jQuery使用手册(1)
- 优秀js开源框架-jQuery使用手册(4)
- 优秀js开源框架-jQuery使用手册(2)
- 优秀js开源框架-jQuery使用手册(1)
- 为什么很多国内公司不使用 jQuery 等开源 JS 框架(库),而选择自己开发 JavaScript 框架?
- 为什么很多国内公司不使用 jQuery 等开源 JS 框架(库),而选择自己开发 JavaSc...
- jQuery 使用手册(三)
- jquery 使用手册
- Fresco(Facebook开源的android项目)图片缓存框架的eclipse整合与使用探索(较详细配置说明)
- 【经典必学】常用开源框架中设计模式使用分析
- 使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享