在jQuery中处理多个ID [英] Handling multiple IDs in jQuery

问题描述

可以像代码中那样处理多个ID吗?

Can multiple ids be handled like in the code?

<script>
$("#segement1, #segement2, #segement3").hide()
</script>

<div id="segement1"/>
<div id="segement2"/>
<div id="segement3"/>

推荐答案

是的， #id选择器与多个选择器(逗号)结合使用，在jQuery和CSS中都完全有效.

Yes, #id selectors combined with a multiple selector (comma) is perfectly valid in both jQuery and CSS.

但是，对于您的示例，由于<script>出现在元素之前，因此您需要一个document.ready处理程序，因此它要等到元素在DOM中才能查找它们，例如这个:

However, for your example, since <script> comes before the elements, you need a document.ready handler, so it waits until the elements are in the DOM to go looking for them, like this:

<script>
  $(function() {
    $("#segement1,#segement2,#segement3").hide()
  });
</script>

<div id="segement1"></div>
<div id="segement2"></div>
<div id="segement3"></div>

这篇关于在jQuery中处理多个ID的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！