1. 변수에 담을수 있는 자료형
- Boolean 타입
- Null 타입
- Undefined 타입
- Number 타입
- BigInt 타입
- String 타입
2. Jquery란?
JS에서 기능이 조금만 많아져도 코드가 복잡해지고,
DOM과 관련된 기능은 브라우저 이슈가 있어서 개발된 문법
자주 사용하는 기능을 함수(라이브러리)로 감싸서 쉽게 사용할수록 하고, DOM과 관련된 기능을 브라우저에서 상관없이 실행하도록 함
3. Jquery의 기본 문법
기본 문법 :
$(선택자).함수명(매개변수);
예 : $("p").css("fontSize","2em");
$을 Jquery.css ... 로 대체할수도 있다.
4. 예제 1. Jquery를 이용해서 리스트 삽입
<!DOCTYPE html>
<html>
<head>
<title> jQuery </title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#add").click(function(){
$('ul').append("<li>"+$("#textinput").val() + "</li>");
console.log("List Appended");
});
});
</script>
</head>
<body>
<h1>리스트 추가</h1>
<hr>
<div id="eDiv"> jQuery Event </div>
<input type="text" id="textinput">
<input type="button" value="추가" id="add"><br>
<ul>
<li id="list1">안녕하세요</li>
</ul>
</body>
</html>
개발자 지망생