移动到A上B上增加class

langyu1021

于 2017-04-27 22:30:02 发布

阅读量286

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery ID 文章标签： jquery class

本文链接：https://blog.csdn.net/langyu1021/article/details/70880501

ID 同时被 2 个专栏收录

2 篇文章

订阅专栏

jquery

1 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

移动到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>