.removeClass('visible').addClass('invisible')；与.hide()或.show()

Question

我是一名实习生，我在标题中看到了一些类似于上面的代码。

$(".someClass").removeClass('visible').addClass('invisible');
$(".someClass").removeClass('invisible').addClass('visible');
//there are css classes for this that set display to none etc.

它是错误的，我负责改变一些UI的东西，所以我想我会用相应的.hide()和.show()来代替上面的内容。虫子或多或少地消失了。一种方法相对于另一种方法有什么好处？在这种情况下，后者似乎工作得更好，那么为什么要第一种方式实现它呢？

编辑：

我只是试图显示和隐藏页面元素，这取决于选择了哪些页面选项。哪一种选择是最佳做法？

Answer 1

 $(selector).hide();

和

 $(selector).show();

简单地添加

 style="display:none;"

和

 style="display:block;"

分别到选择器。

添加和删除类时，可以添加无数的样式并在样式表中管理它们。

就个人而言，当我通过jQuery简单地显示或隐藏一个选择器时，我使用

 show();
 hide();

或

 toggle();

Answer 2

.removeClass('visible').addClass('invisible')；-为一个元素提供一个类，该类可以具有一个或多个属性，在本例中，它可能是显示:无和显示:块(或表，或.其他的事情，你不可能知道)

.hide()和.show() -不影响元素的类，它直接通过显示:无和显示:块(或它以前具有的任何类型的可见性)更改其样式。

这取决于使用哪种情况。不过，在添加和删除类时，您有更多的控制，但性能可能较低。

编辑:天哪，我的评论是对的，我一直生活在一个谎言中。我想知道我是否在我100%确信它没有恢复它的默认可见性的时候，经历过一个bug或什么东西，但是用武力给它分配了“块”。

jquery站点说：

这大致相当于调用.css(“显示”、“块”)，但显示属性被还原到最初的任何位置。如果元素的显示值为内联，则隐藏并显示，它将再次内联显示。

Answer 3

隐藏和显示方法使用样式内联代码。

style="display:block"
style="display:none"

显示方法总是添加"display:block“。如果您需要使用例如显示:内联块-您应该使用您的类，如果没有-您可以使用显示和隐藏。

另外，您可以使用切换方法来代替组合显示和隐藏。