javascript - 在JavaScript中隐藏所有id

Question

我需要隐藏所有 ID 为“media”的标签

例如:

`<div id='media'>contents</div>`

`<div id='media'>content</div>`

如何使用 JavaScript 执行此操作？

Answer 1

哇哦，第二个伙伴慢点了!

ID = 标识符 = 唯一

您只能使用 id 一次#id

类别 = 类别/组 = 不唯一

您可以在任何地方使用类 .class想要多少次都可以。

不要将类命名为 .id ，这太愚蠢了。
不要将 id 命名为 #class ，因为这也很愚蠢。

document.getElementByClassName("class").style.display = 'none';

这样就可以了。

显然不会，请阅读 this SO Question about the problem.

<小时/>

jQuery 实现

注意:以下所有示例均假设 .hidden 是在 css 文件中定义的，如下所示:

.hidden {
    display: none;
}

<小时/>

隐藏东西

通过 id 隐藏某些内容:

$("#id").addClass("hidden");

按类别隐藏某些内容:

$(".class").addClass("hidden");

隐藏某物内部的所有内容:

$("#specificSomething *").addClass("hidden");

隐藏类的所有内容 bacon在 id stomach 内:

$("#stomach .bacon").addClass("hidden");

<小时/>

显示内容

显示隐藏的所有内容:

$(".hidden").removeClass("hidden");

显示隐藏在某物内部的所有内容:

$("#specificSomething .hidden").removeClass("hidden);

<小时/>

别忘了!

您还可以使用内置函数 show()和hide() ，像这样:

$("#specificsomething").hide();

$("#specificsomething").show();

它们还内置了一些奇特的功能，例如基本动画。引用documentation使用这些。

最好不要混合搭配这两种方法，您很容易让自己感到困惑，并浪费大量时间去追寻愚蠢的错误。

<小时/>

不要限制自己!

如果您是 jQuery 新手或不熟悉，请不要忘记您可以执行以下操作:

• 隐藏任何具有特定颜色的内容。
• 检查是否 <p> 的第一个字母是一个元音，并且隐藏整个 <p> .
• 随时随地隐藏所有元音。
• 隐藏用户点击的任何内容(精心设计的动画非常有趣)。

这些只是 jQuery 神奇功能的几个(诚然是愚蠢的)示例。有一整本书充满了新奇而疯狂的做事方式。它的名字叫the documentation 。不要害怕它，因为它很大而且充满了文字。潜入!凡事都有例子。尝试一些事情只是为了尝试它们，即使你认为它们不会起作用(你会感到惊讶)。

我只会给你五个例子中最简单的一个。我可能会稍后再回来讨论这个问题并添加更多精彩内容。

当用户点击时隐藏任何内容:

$("*").click(function () { 
     $(this).slideUp(); 
});

<小时/>

智慧警报!

Remember, just because you aren't doing it right, doesn't mean you're doing it wrong. Sometimes, you aren't even doing it at all.

俗气双关语警告!

Remember, it's always better to stay classy.