jQuery란? - jQuery

2021/02/15 - [IT국비교육] - Index jQuery

1. jQuery란?

공개적으로 개발되고 무료로 제공되는 사용자 정의 객체 이름입니다.
프로그램 언어의 종류가 아닙니다.
누구나 버그 수정, 성능 향상 그리고 도움말 작성에 참여할 수 있습니다.
http://plugins.jquery.com/에 라이브러리(~.js)가 있으며, 꾸준히 업데이트되고 있습니다.

 

2. jQuery 객체 기능

HTML 문서 내의 태그 및 출력 문자열을 삽입, 수정, 삭제할 수 있습니다.(웹브라우저 UI에도 변화가 생김)
DOM 객체가 소유한 정보를 얻거나 수정할 수 있습니다.(웹브라우저 UI에도 변화가 생김)
웹브라우저에서 각종 이벤트 발생 시 실행할 코딩을 아주 쉽게 설정할 수 있습니다.
웹 서버와 비동기 방식으로 통신할 수 있습니다.
CSS 설정할 수 있습니다.
애니메이션 설정할 수 있습니다.
기타 등등

 

3. jQuery 객체의 장점

디자이너, 퍼블리셔, 개발자 모두가 사용하기 편하고, 강력한 기능을 가진 메소드를 제공합니다.
대부분의 브라우저에서 동일한 결과를 생산, 브라우저에 따라 개발자가 다른 코딩을 할 필요가 없습니다.

 

4. jQuery 객체 사용 방법

jquery-x.x.x.min.js를 다운 받아 HTML의 head 태그에 아래와 같이 수입하는 코드를 작성합니다. (x : 버전 번호)

<script src=“~/jquery-x.x.x.min.js”></script>

※ 파일의 경로 설정을 조심할 것
해당 script 태그 안에 다른 javascript는 삽입할 수 없습니다.

 

5. jQuery 객체 생성, 속성변수, 메소드 호출

- jQuery 객체 생성 및 호출 방법

형식	설명
jQuery(선택자)	jQuery 라이브러리에서 제공하는 jQuery(~) 또는 $(~)라 는 함수를 호출하여 선택자가 가리키는 태그를 관리하는 jQuery 객체를 생성하고, 메모리 위치 주소값을 리턴
$(선택자)
jQuery	jQuery 라이브러리에 이미 jQuery 또는 $라는 변수가 선언되어 있고, 이 변수에 jQuery 객체의 메모리 위치 주소가 저장 되어 있음 선택자가 없으므로 태그에 영향을 미치지 않는 메소드를 호출함
$

- jQuery 메소드 호출 방법

형식	설명
jQuery객체메모리위치주소값.메소드명([데이터])	jQuery 객체가 선택자를 관리한다면, 메소드 호출로 인해 선택자가 가리키는 태그에 영향을 미치고, 선택자가 없다면 주로 데이터를 조작

jQuery 객체의 메소드는 리턴 값이 없을 수도 있습니다.
경우에 따라 아래처럼 메소드 뒤에 메소드를 연달아 붙일 수 있습니다.(Chaining)

jQuery객체메모리위치주소값.메소드명(~).메소드명(~).메소드명(~)

- jQuery 메소드 호출 방법

형식	설명
jQuery객체메모리위치주소값.속성변수명	jQuery 객체가 선택자를 관리한다면, 선택자가 가리키는 태그의 정보를 저장

What is jQuery How to use jQuery How to call jQuery