Jquery:在div上悬停时添加一个类,并在不悬停时移除
问题描述:
我想在该div的悬停上向类中追加一个类,并在悬停时移除该类。当我将鼠标悬停在另一个div上时,当它不在悬停时,这个类应该被追加并删除。有人说,我该怎么办呢jQuery中......Jquery:在div上悬停时添加一个类,并在不悬停时移除
答
您可以尝试toggleClass
$(function(){
$('#id').hover(function(){
$('#id2').toggleClass('classname');
});
});
或者试试这个,因为hover
是no longer supported in jquery 1.9
$(function(){
$('#id').on('mouseenter mouseleave', function(){
$('#id2').toggleClass('classname');
});
});
答
您将在jQuery的使用addClass
和removeClass
功能
请参阅下面的代码:
$(document).ready(function() {
$('#secID, #thID').hover(function(){
$('#oneID').addClass('red');
},
function(){
$('#oneID').removeClass('red');
});
});
可以参考以下链接:
AddClass:http://api.jquery.com/addClass/
个RemoveClass:http://api.jquery.com/removeClass/
希望它有用。
我想指出的是,即使是在一年后,即jQuery也支持悬停元素,任何人都在看这个。不过,toggleClass是个不错的主意。 – Reidmere 2015-01-09 10:21:27