Javascript 如何隐藏项目？

var r1=Math.floor（Math.random（）*255）
var g1=Math.floor（Math.random（）*255）
var b1=Math.floor（Math.random（）*255）
$（“.color1”）。单击（函数（）{
$（this.css（“背景”、“rgb（“+r1+”、“+g1+”、“+b1+”））
})
$（文档）.ready（函数（）{
$（文档）。在（'单击'）上，函数（事件）{
$target=$（event.target）；
$target.addClass（'clicked'）；
});     
})
努米特姆变种
var getfirstclass
var getsecondclass
$（'div'）。单击（函数saveclassnames（）{
var getfirstclass=$（this.attr（'class'））
console.log（getfirstclass）
var getsecondclass=$（this.attr（'class'））
console.log（getsecondclass）
getfirstclass==null
getsecondclass==null
})
$（'div'）。单击（函数删除（）{
var numItems=$（'.clicked'）.length
if（numItems==2&&getfirstclass==getsecondclass）{
$（'.clicked'）.css（'opacity'，'0'）
}
否则{
$（'.clicked'）.css（'背景'，'黑色'）
}
})

---

不透明度：0隐藏会生成大量空间，尽管元素不可见。

背景：黑色–元素需要与背景混合，否则它将不起作用（从技术上讲它不起作用）

您可以这样做：

$('yourItem').css({
  display: 'none'
});

或者，“隐藏元素的最简单方法”：

有关更多信息，请参见您可以使用的
显示：无
如果这会弄乱其他东西，请使用
可视性：隐藏
谢谢你！！但是，不，这弄乱了另一个div的位置。也许你应该使用不透明度：0；相反，因为你想要空的空间，我实际上在使用它，但它不起作用，我只是尝试了可见性，隐藏和它的工作！！但只有一次（第二次）我用相同的背景点击了div，它也没有做同样的事情。（o我没有想到：/u你知道如何解决这个问题吗？可见性隐藏您的问题比可见性：隐藏问题更严重。我建议使用新逻辑重新启动代码。在div上有3个单击事件处理程序，这意味着您永远不会得到预期的结果，并且使用数组来拾取随机颜色生成器，而不是使用随机颜色生成器颜色css类，因为随机颜色生成器有大约1600万种变化（如果不是很多的话）。是的，谢谢，这有点帮助）谢谢你的回答！但是
Visibility:hidden；
只工作一次（我的意思是，当我点击第二对具有相同背景颜色的卡片时，它不再隐藏元素，如果你知道如何修复，请告诉我。代码片段中有一个错误，所以我无法真正看到发生了什么。啊，控制台中没有任何内容。我们可以使用z索引。你知道那些是什么吗？你可以将元素放在
z索引：-1
然后在需要时将其转换为
z-index:1
。
$('yourItem').hide();