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