如何使用jquery在页面加载时显示某些类别？

我有一个项目清单，比如

<div class="cat1">Item 1</div>
<div class="cat2">Item 1</div>
<div class="cat3">Item 1</div>
<div class="cat2">Item 1</div>
<div class="cat3">Item 1</div>

项目1
项目1
项目1
项目1
项目1

---

如何使用jquery在页面加载时仅显示“cat3”？

首先设置所有

div

的显示

none

，然后在

文档就绪

中显示您想要的任何类

<div class="cat1" style="display:none;">Item 1</div>
<div class="cat2" style="display:none;">Item 1</div>
<div class="cat3" style="display:none;">Item 1</div>
<div class="cat2" style="display:none;">Item 1</div>
<div class="cat3" style="display:none;">Item 1</div>



$(document).ready(function(){

$(".cat3").show();

})

项目1
项目1
项目1
项目1
项目1
$（文档）.ready（函数（）{
$（“.cat3”）.show（）；
})

您可以尝试以下方法吗

$(document).ready(function(){

  $("div[class^='cat']").hide()
  $(".cat3").show();

});

第一行它将隐藏所有以“Cat”开头的div

---

第二行，它将显示具有cat3类的div，开始时隐藏所有类别，使用您的代码，只有在DOM准备就绪且可见后才会隐藏。是的，我同意，问题在Jquery标记下提出。这就是我发布这个答案的原因