Jquery单击添加/删除单独div的类

Jquery单击添加/删除单独div的类,jquery,addclass,Jquery,Addclass,我试图做的是在单击元素时显示一个div。我需要更改它以删除显示:无 谢谢您试过使用吗 学会在黑暗中挖掘。他们会回答你99%的问题。如果你想展示一些东西,请使用show $('#info-tb-1').click(function() { $('#rv-active').show(); }); 如果使用display:none隐藏某些内容,请使用show display隐藏元素可以使用$elem.hide和$elem.show添加/删除display:none 还有一个.toggle函数

我试图做的是在单击元素时显示一个div。我需要更改它以删除显示:无

谢谢

您试过使用吗


学会在黑暗中挖掘。他们会回答你99%的问题。

如果你想展示一些东西,请使用show

$('#info-tb-1').click(function()
{
    $('#rv-active').show();
});
如果使用display:none隐藏某些内容,请使用show display隐藏元素

可以使用$elem.hide和$elem.show添加/删除display:none

还有一个.toggle函数,其中有一个示例说明您正在尝试执行的操作:

您可以使用document.getElementById'rv-active'.style.display=block;或$'rv-active'.css显示,块;而不是直接将rv激活,而不是与所有其他div一起使用,如下所示:

$('#info-tb-1').bind('click', function() {
        $('#rv-active').removeClass('tb-1-5').show();
    });
getElementById可能不是一个理想的工具,但它很有用,特别是对于这样的事情


更多关于getElementById的信息,以及更多关于.css方法的信息。

您发布的代码应该可以工作。尽管许多人已经注意到,使用jQuery的show函数比删除类更容易

但是,我认为您的问题在于,您的代码在文档完全加载之前运行,因此引用的元素不存在

请尝试以下方法:

#bottomToolbar #facet-container #tb-facets .info-toolbar {
  position:relative;
}

 #rv-active {
  position:relative;
  display:none;
}

我不太清楚你的问题是什么。。。您拥有的代码从id=rv活动的元素中删除了类tb-1-5,因此使其可见。我正在尝试使id=rv活动的元素可见,但此脚本不起作用,您认为这是CSS问题吗?它对我来说很好。。。看到这个最近查看的小提琴单击,包含Hello World的div将出现:尽管正如其他人所指出的,使用show会更容易@马特·鲍尔-是的,但我使用了较长的版本,因此OP可以清楚地看到它的实际功能。+1用于链接到文档。我逐渐意识到,大多数人问问题是因为他们不熟悉框架的文档,所以大多数答案都显示了如何做某件事,而不是教他们如何做。
#bottomToolbar #facet-container #tb-facets .info-toolbar {
  position:relative;
}

 #rv-active {
  position:relative;
  display:none;
}
$(document).ready(function() {
    $('#info-tb-1').bind('click', function() {
        $('#rv-active').show();
    });
});