[TIL] 221129 jQuery에 대하여,,,

taeeuno_o·2022년 11월 29일
0

회고

목록 보기
61/71
post-thumbnail

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>

이렇게 사용하는데 이는 다음장에 알아보겠다!

profile
나는 탱구

0개의 댓글