首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery live hover事件的代替写法

2012-08-30 
jquery live hover事件的替代写法HTML中的hover行为通常在样式中定义,利用jquery实现此效果有两种情况。 第

jquery live hover事件的替代写法

HTML中的hover行为通常在样式中定义,利用jquery实现此效果有两种情况。

 

第一种是常见的针对页面中静态的元素,以改变元素样式中的border-color为例,写法如下:

$(function(){$(".graybox_img_list").hover(function(){$(this).css("border-color","#d4d3d3");//鼠标移入事件},function(){$(this).css("border-color","white");//鼠标移出事件});});


第二种写法是针对页面中通过jquery动态加载生成的元素,还是以改变元素样式中的border-color为例,写法如下:

$(function(){$(".graybox_img_list").live({mouseenter:function(){$(this).css("border-color","#d4d3d3");//鼠标移入事件} ,mouseleave:function(){$(this).css("border-color","white");//鼠标移出事件}});});


第二种jquery效果需要jquery 1.4.2+版本支持。

热点排行
Bad Request.