JavaScript_jQuery

jQuery

• Javascript의 웹브라우저 객체들을 쉽게 사용할 수 있게 만들어주는 자바스크립트 라이브러리.

• 이벤트핸들링이 편하다.

• Dom 변경과 Ajax 통신이 편하다.

// JavaScript

%%html
<button class="btn1"> Click </button>
<script>
	var obj = document.querySelector(".btn1");
    obj.addEventListener("click",function(){
    	alert("TEST");
    });
</script>

// jQuery

%%html
<button class="btn2"> Click </button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"> </script>
<script>
	$('.btn2').on("click",function(){
    	alert("jQuery TEST");
    });
</script>

✍️ 공부한 내용을 정리하는 공간이기 때문에, 정확하지 않은 사실이 들어갈 수 있습니다.