[jQuery] 제이쿼리 개념

jQuery

• 호환성, 애니메이션 효과 쉽게 구현 될 수 있도록 만들어진 라이브러리
• css 선택자를 활용하여 객체 선택과 조작이 쉽다.
• 외부 라이브러리 임으로 다운 받아 사용 해야한다.

다운로드 방식

네트워크 경로 활용 : 네트워크에 절대경로를 활용 (CDN)
파일을 다운로드 하여 내 프로젝트에 삽입 : 상대 경로 활용

파일을 다운로드 하여 내 프로젝트에 삽입 할 경우

<script type="text/javascript" src="resources/js/jquery-3.6.0.min.js"></script>

이러한 방법으로 작성한다.

식별자 명으로 사용할 수 있는 특수 기호 -> $, _

<script type="text/javascript">
	console.log(jQuery,'제이쿼리');
	console.log($,'제이쿼리 $');		
</script>

제이쿼리 함수 실행시 css 선택자를 인수로 삽입하여 실행 할 수 있다.

<script type="text/javascript">
		console.log(jQuery('body'),'jQuery 함수 실행후');
		console.log($('body'),'제이쿼리 $ 함수 실행 후');
</script>

제이쿼리 함수 실행 후 제이쿼리 객체가 반환이 되어야 제이쿼리 메서드 활용이 가능하다.
S.fn.init(1) <-- 제이쿼리 객체가 반환되었다. 이어서 함수 실행이 가능하다.

제이쿼리 함수 실행 후 제이쿼리 객체가 반환되어 click 메서드 활용가능.
마지막에 호출 된 메서드가 제이쿼리 객체라면 체이닝기법으로 도트연산자 활용 가능.

ex)

$('body').click(function(){			
}).click(function(){
});