移动到A上B上增加class

最新推荐文章于 2026-06-21 13:43:11 发布

原创最新推荐文章于 2026-06-21 13:43:11 发布 · 326 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#jquery #class

收录于

ID 同时被 2 个专栏收录

2 篇文章

订阅专栏

jquery

1 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的简单方法，当鼠标悬停在元素A上时为另一个元素B添加特定的CSS类，反之亦然。这种方法常用于网页交互效果的设计中，如按钮高亮显示等。

移动到A上B上增加class，幸得大神帮忙，这里记录下来

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<style>
.ccc{border:10px solid red}
div{width:100px;height:100px;color:#fff;margin:20px;}
#a{background-color:gray}
#b{background-color:green;margin-top:100px;}
</style>
<div id="a" onmouseover="$('#b').addClass('ccc');" onmouseout="$('#b').removeClass('ccc')">A</div>
<div id="b" onmouseover="$('#a').addClass('ccc');" onmouseout="$('#a').removeClass('ccc')">B</div>