javascript - .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();