jQuery
자바스크립트 문법을 더 줄여주는 라이브러리
리액트가 없을 땐 jQuery가 짱
*tips
모든 JS는 body 마지막 부분에 작성하는게 빠른 페이지 로딩 속도에 도움이 됨
$('#test').attr('src') <- 속성을 바꿀 때 쓴다
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<!--CSS파일 첨부-->
<link rel="stylesheet" href="main.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
</head>
<body>
<h4 id="test" class="test1">안녕하세요</h4>
<script>
// document.getElementById('test').innerHTML = '???'
// $() = 셀렉터 부분을 줄임 [document.getElementById 같이]
<!-- h4 코드에 yellow-bg 클래스를 추가-->
$('#test').addClass("yellow-bg");
</script>
</body>
</html>마치며
jQuery가 뭔지도 모르고 썼는데,
JS문법을 축약하는 수준에 감탄했다.
축약과 중복회피가 좋다.
시작은 창대하나 끝은 미약하리라