[JQuery] 특정 영역 div 새로고침(F5)

■ JQuery 특정 영역 div 새로고침(F5)

모든 페이지가 아닌 div, ul 등 원하는 특정 영역만 새로고침(reload)하고 싶을 때 JQuery 내 load 함수를 사용

---

■ 사용법

$('#특정 영역의 id').load(window.location.href+' #특정 영역의 id');
$('#특정 영역의 id').load(location.href+' #특정 영역의 id');

---

■ 예제

<div id="targetDiv">
  <span>AAAA</span>
  <p>BBBB</p>
  <a href="javascript:;">CCCC</a>
</div>
<button type="button" onclick="clkBtn()">새로고침</button>

<script type="text/javascript">
    function clkBtn(){
        $('#targetDiv').load(window.location.href+' #targetDiv');
        // OR
        // $('#targetDiv').load(location.href+' #targetDiv');
    }
</script>