Today I Learn
jQuery를 사용하면 간편하게 HTML요소를 선택하고, 그렇게 선택된 요소에 손쉽게 특정 동작을 설정할수있다고 한다.
지금 프론트에 대해 공부하고싶은데, javascript 보다 써야하는 코드가 적어보여 공부를 해보려고 한다!
jQuery 기본 문법
$(선택자).동작함수();$ 기호
이것은 jQuery 의미하며, jQuery에 접근 할 수 있도록 해주는 식별자이다.
선택자를 이용해 원하는 HTML 요소를 선택하고, 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정한다!!
$() 함수
-
선택된 HTML 요소를 제이쿼리에서 이용할 수 있는 형태로 생성해 주는 역할을 한다.
-
인수로는 HTML 태그 이름 뿐만 아니라, CSS 선택자를 전달하여 특정 HTML 요소를 선택할 수 있다.
-
이러한 $() 함수를 통해 생성된 요소를 제이쿼리 객체라고 한다.
제이쿼리는 이렇게 생성된 제이쿼리 객체의 메소드를 사용하여 여러 동작을 설정할 수 있다!
보통 제이쿼리는 아래에 쓰인 코드처럼 사용을 하는데,
이는, 웹 페이지가 실행이되면 실행완료후 해당 함수를 실행한다는 뜻이다
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hello_jQuery</title>
<script src="jquery-3.5.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//웹페이지가 로드가 완료 후에 해당 함수를 실행합니다.
alert('1');
});
</script>
</head>
<body>
</body>
</html>이렇게 사용하는데 이는 다음장에 알아보겠다!
나는 탱구