jQuery 노드를 변수에 넣는 방식 VS 호출하는 방식

역시 반복해서 사용할 때는 변수를 선언하고 해당 변수에 노드를 넣고 쓰는 편이 빠릅니다.

START : <p id="testStart"></p>
END   : <p id="testEnd"></p>
VALUE : <p id="test"></p>
<button type="button" id="btn" class="btn btn-default">Default</button>
 
<script>
$( "#btn" ).button().click(function( event ) {
 
    var now = new Date();
    $('#testStart').text(now.getHours()+" : "+now.getMinutes()+" : "+now.getSeconds());
    
    var test = $('#test');
    
    for(var i=1;i<=300000;i++){
        $('#test').text(i);
        //test.text(i);
    }
    
    now = new Date();
    $('#testEnd').text(now.getHours()+" : "+now.getMinutes()+" : "+now.getSeconds());
 
});
</script>