jQuery에서 여러 ID 처리

jQuery에서 여러 ID 처리

코드에서처럼 여러 ID를 처리할 수 있습니까?

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

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

예, 다중 선택기(coma)와 결합된 선택기는 jQuery와 CSS 모두에서 완벽하게 유효합니다.

하지만, 예를 들어, 그 이후로<script>요소들보다 먼저, 당신은 필요합니다.document.ready핸들러는 다음과 같이 요소가 DOM에 있을 때까지 기다립니다.

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

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

해결책:

2차 질문에 대해

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

변수를 선택기의 대체 변수로 사용할 수 있습니다.

elem1. css({ 'display': 'none'}; //작동합니다.

아래의 경우 셀렉터가 이미 변수에 저장되어 있습니다.

$(elem1,elem2,elem3). css({'display':'none'}; // 작동하지 않습니다.

언급URL : https://stackoverflow.com/questions/4604099/handling-multiple-ids-in-jquery