[JQuery] 선택자(selectors) - 변수에 요소 값 저장

변수에 요소 값 저장을 하는 방법은 아래와 같습니다.

<div id="fruitBox"> 
  <div class="fruit">사과</div> 
  <div class="fruit">오렌지</div> 
  <div class="fruit">파인애플</div> 
</div>
<p id="result"></p>

이러한 html 코드가 있다고 가정해 봅시다

var fruit = $(".fruit");
$("#result").text("과일 갯수" + fruit.length);

스크립트 코드로 이렇게 적게되면 id가 result인 html에 과일 갯수가 표기됩니다.

 

이렇게 저장된 요소들은 변수에 저장될 당시의 요소들만 저장됩니다
그렇기때문에 요소가 저장된 이후에는 추가되거나 삭제된 요소들을 자동으로 갱신되지 않습니다