JS) jQuery 기초

jQuery 란?

jQuery는 오픈 소스 기반의 자바스크립트 라이브러리이다.

jQuery는 웹 사이트에 자바스크립트를 더욱 손쉽게 활용할 수 있게 해준다.
또한, jQuery를 사용하면 짧고 단순한 코드로도 웹 페이지에 다양한 효과나 연출을 적용할 수 있다.

 

jQuery 적용

웹페이지에 jQuery파일을 로드하는 방법으로는

1. JQuery파일을 다운받아 로드하는 방법

2. CDN 을 이용하여 로드하는 방법

 

나는 주로 2번 방법을 이용하는데, CDN을 이용하면 jQuery 파일을 서버에 따로 저장하지 않아도 jQuery를 사용할 수 있다.

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

해당 코드를 헤더에 삽입하여 이용 할 수 있다.

 

jQuery 문법

jQuery를 사용하면 아주 간편하게 HTML 요소를 선택하고, 그렇게 선택된 요소에 손쉽게 특정 동작을 설정할 수 있다.

$(선택자).동작함수(변수);

달러($) 기호는 jQuery를 의미하고, jQuery에 접근할 수 있게 해주는 식별자이다.
선택자를 이용하여 원하는 HTML 요소를 선택하고, 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정한다.

 

$() 함수

$() 함수는 선택된 HTML 요소를 jQuery에서 이용할 수 있는 형태로 생성해 주는 역할을 한다.

$() 함수의 인수로는 HTML 태그 이름뿐만 아니라, CSS 선택자를 전달하여 특정 HTML 요소를 선택할 수 있다.
이러한 $() 함수를 통해 생성된 요소를 jQuery 객체(jQuery object)라고 한다.
jQuery는 이렇게 생성된 jQuery 객체의 메소드를 사용하여 여러 동작을 설정할 수 있다

 

 

출처 :  https://www.devkuma.com/