JQuery란?
HTML 요소들을 조작하는 Javascript를 미리 더 쉽게 작성해둔 것. 라이브러리
JQuery를 쓰는 이유
순수 Javascript만 사용하면 길고 복잡하기 때문에 좀 더 단순한 제이쿼리를 쓴다.
Javascript로도 모든 기능을 구현할 수 있지만, 1)코드가 복잡하고 2)브라우저 간 호환성 문제도 고려해야 해서, JQuery라는 라이브러리가 등장하게 되었다.
JQuery VS Javascript
제이쿼리는 미리 작성된 Javascript 코드다. 전문 개발자들이 짜둔 코드를 가져와서 사용하는 것이기 때문에 쓰기 전에 반드시 "임포트"를 해야함
Javascript
document.getElementById('hello').innerHTML = '안녕';
jQuery
$('#hello').html('안녕')'
위와 같이 쉽게 사용할 수 있다
사용하는 방법
미리 작성된 Javascript 코드를 가져오는 것을 '임포트'라고 부른다.
<head>와 </head> 사이에 아래 코드를 넣으면 된다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
JQuery 연습
html 코드
<div id="q1">테스트</div>
js코드
<script>
function checkResult(){
let a = '사과'
$('#q1').text(a)
}
</script>
TIL
제이쿼리를 오랜만에 보니 옛친구를 만난 것처럼 반갑다. 오늘도 역시 초심자의 마음으로 한걸음 한걸음 나아가야지
'웹개발 > javascript' 카테고리의 다른 글
| [Javascript] This 정의 및 용법 (0) | 2024.01.05 |
|---|---|
| [Javascript] Set, Map, Object 차이 (0) | 2024.01.04 |
| Javascript 배열 관련 함수들(push,pop,shift,unshift,splice,slice) (1) | 2024.01.03 |
| [javascript] for문과 foreach문의 차이 (0) | 2024.01.02 |
| [javacript] 자바스크립트란? 자바스크립트 정의 및 기초 문법 (0) | 2023.12.26 |
