所以,我知道如何更改您悬停在上面的同一元素的属性......
$(".click2play").mouseover(function()
{
$(this).css({'visibility' : 'hidden'});
});
问题 我可以做同样的事情,但只影响悬停在同一个"click2play"div 中的另一个元素吗?也许喜欢?
$(".click2play").mouseover(function()
{
$(this).(#someotherdiv).css({'visibility' : 'hidden'});
});
谢谢大家!
此代码针对当前 .click2play 元素中的div。我相信这就是你要:)
$(".click2play").mouseover(function() {
$('div.class_name', this).css({'visibility' : 'hidden'});
});
从问题中不太清楚你想做什么,所以我能猜到
的所有选项1.如果要隐藏类.click2Play
的所有元素,请使用
$('.click2Play').hover(function(){$('.click2play').hide()});
2.如果您只想隐藏具有此类的所有元素的当前元素,请使用
$('.click2Play').hover(function(){$(this).hide()});
3.如果你想泛化它,那么你可以使用jQuery对象的.selector属性,以便你可以像这样使用它
$('.click2Play').hover(function(){$($(this).selector).hide()});
所以现在如果你将类名从.click2Play更改为其他类,它将很好地工作,并将隐藏该类的所有元素。
4.如果要将某些元素隐藏在当前元素中,则
$('.click2Play').hover(function(){$(this).children('selector_of_child').hide()});
5.如果这个类的所有元素都有一个元素,里面有一个其他类,你想把它们都隐藏起来,那么像这样简单地使用每个元素
$('.click2Play').hover(function(){$('.click2play').each(function(){$(this).children("selector_Of_Child").hide()})});
我会这样做:
$(".click2play").mouseover(function(){
$(this).hide();
});
但也许这不是你想做的?
这是:):
$(".click2play").mouseover(function(){
$(this).css({'visibility' : 'hidden'});
});
或更好
$(".click2play").mouseover(function(){
$(this).hide();
});
你想改变一些其他的div吗?为什么需要$(this)
?
$(".click2play").mouseover(function(){
$("#someotherdiv").hide();
});
要更改单个 css 属性,您可以执行以下操作:
$(".click2play").mouseover(function(){
$(this).css('visibility', 'hidden');
});
我希望它有所帮助(考虑查看此链接:http://marakana.com/bookshelf/jquery_tutorial/css_styling.html )
我相信大多数答案都没有注意到这个问题,这个问题要求删除一个类。以下是这两个问题的答案:
$('.click2play').bind('mouseenter mouseleave', function () {
$(this).removeClass('click2play'); // This line removes the current object's class click2play
$('jQUerySelector').removeClass('click2play'); // This will remove another element's class click2play
});