我想知道如何用DOM隐藏元素，课程中的人正在通过将显示设置为无来做到这一点
document.getElementById("id-name-1").style.display = "none";
document.getElementById("id-name-2").style.display="none";
我们在这里隐藏了两个元素，现在两个元素都具有相同的类。我一直在将课程向我展示的内容转换为jQuery，以增加挑战。我使用的jQuery代码如下，它们都具有的类的名称称为骰子。
$(".dice").hide();
这会同时隐藏两个元素，哪种方法更好？我知道，如果我在类骰子中有其他元素，它也会将它们隐藏起来。因此，也许这就是为什么其他方法更好的原因吗？谢谢您的想法-我是新来的。
斯蒂芬
您的问题是开放式的。没有正确或错误的答案。
$(".dice").hide();
如前所述，这将隐藏所有带有“骰子”类的元素。如果您想更具体一些，可以：
$("#id-name-1", "#id-name-2").hide();
此选择器使用ID并选择两个元素。
您的选择器可以根据需要更模糊或更精确。
查看更多：https://api.jquery.com/category/selectors/basic-css-selectors/
Document.querySelectorAll（“。dice”）也可以基于纯JavaScript的样式。因此，所有这些都归结为偏好，因为它与display：none;的工作方式相同。此外，.hide（）带有可选的参数/回调函数，可以帮助隐藏元素。
如果您使用香草javascript，则可以执行类似的操作
document.getElementsByClassName('className').forEach(el => el.style.display = "none")
我建议您使用香草javascript而不是JQuery，因为在新项目中最有可能使用JavaScript而不是jquery。另一方面，如果您有良好的javascript基础，使用诸如react之类的库将更加容易。