jquery里实现鼠标经过变色
我想实现jquery里实现鼠标经过变色。html代码是这样的：<body><div>这是一个关于jquery事件测试的例1子</div><div>这是一个关于jquery...
我想实现jquery里实现鼠标经过变色。html代码是这样的：<body><div>这是一个关于jquery事件测试的例1子</div><div>这是一个关于jquery事件测试的例子2</div><div>这是一个关于jquery事件测试的3例子</div><div>这是一个关于jquery事件测试的例子4</div></body>css代码就一行：定义一个类.myblue{ background:#06F; color:#fff; width:400px; line-height:25px; padding:5px 8px;}jquery代码如下：<script> $(document).ready(function(){ $('div').hover(function(){ $(this).addClass('myblue') }) function(){$(this).removeClass('myblue')} }) </script>但是问题出来了：最后测试的结果是当鼠标划过div时，有变颜色，但是当把鼠标滑到另外的div时。之前变了颜色的div颜色并没有变换过来，也就是你把所有的div划过之后，所有的都变成了同一个颜色。removeClass这个方法并没有发挥作用。请问是怎么回事？？求大侠指点。结果如截图所示：
展开
展开全部
.hover() 方法应该这样用 ：.hover(fn1,fn2);
而你把第二个函数写在了hover()之外，给你改了一下，可以用了：
------------------------------------------------------------
<script> $(document).ready(function(){$('div').hover(function(){$(this).addClass('myblue')},function(){$(this).removeClass('myblue')});});</script>
而你把第二个函数写在了hover()之外，给你改了一下，可以用了：
------------------------------------------------------------
<script> $(document).ready(function(){$('div').hover(function(){$(this).addClass('myblue')},function(){$(this).removeClass('myblue')});});</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
