jquery live hover事件的替代写法

最新推荐文章于 2023-12-12 16:59:37 发布

weixin_34337265

最新推荐文章于 2023-12-12 16:59:37 发布

阅读量236

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/snowhite/p/5109686.html

版权

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

转载于:https://www.cnblogs.com/snowhite/p/5109686.html