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+版本支持。