搜索
javascript能否触发css的:hover伪类
PHP中文网
PHP中文网 2017-04-10 12:44:44
[JavaScript讨论组]

因为我已经为一些元素的:hover编写了样式,在javascript中需要模拟这种触发效果。以前的做法是,顶一个类似.hover的实际class把它放到css中,类似这样

a:hover, a.hover {
    color: #ccc;
}

但是我的class实在太多,为它们每个都加上一个class显得很冗余也太麻烦,所以我想在js里是否能直接触发:hover的伪类,比如我们$('a').addClass(':hover')类似的用法

PHP中文网
PHP中文网

认证0级讲师

全部回复(6)
巴扎黑

js触发:hover?不就是onmouseover/onmouseout么?

迷茫

可以使用getComputedStyle,详见:
http://www.zhangxinxu.com/wordpress/2...

伊谢尔伦

mouseover?

怪我咯

貌似实现不了,lz还是老老实实用.hover

PHPz
a:hover, a.hover {
    color: #ccc;
}

$('a').hover(function () {
    this.addClass('hover')
},function () {
    this.removeClass('hover')
})
高洛峰

js 的mouseover和mouseout 无法模拟css的伪类,只能用addClass hover来实现

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号