CLASS/JQUERY

#1 / jquery

hingu 2024. 6. 11. 17:55

jquery
jquery3.7.1.min.js
jquery3.7.1.js
이 둘 차이 : min은 암호화되어있음 (jquery3.7.1.js 얘가 커스텀이 더 쉽다)

 

<body>
	<input type="button" value="회원가입" class="mb">
	<input type="button" value="클릭" id="btn">
	<input type="button" value="클릭2" id="btn2">
</body>

<script type="text/javascript">
	/*
	$(document).ready(function(){
		alert("123")
	});
	*/
	
	
	//jquery 안에 js활용가능
	//(document).ready 생략해도 정상작동
	$(function(){
		$("#btn").click(function(){
			alert("click");
		});
		$(".mb").click(function(){
			alert("회원가입...")
		});
	});
	
	//es 핸들링 - 얘는 body 하단에만 써야함
	document.querySelector("#btn2").addEventListener("click",function(){
		alert("test2")
	});
</script>