在 jQuery 中处理多个 ID

Question

可以像代码中那样处理多个 id 吗？

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

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

Answer 1

是的，#id 选择器 与 多重选择器（逗号）在 jQuery 和 CSS 中都完全有效。

但是，对于您的示例，由于

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

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

Answer 2

解决方案：

对于您的第二个问题

var elem1 = $('#elem1'),
    elem2 = $('#elem2'),
    elem3 = $('#elem3');

您可以使用变量作为选择器的替代品。

elem1.css({'display':'none'}); //将会工作

在下面的情况下，选择器已经存储在变量中。

$(elem1,elem2,elem3).css({'display':'none'}); // 不会工作