1. jQuery
ㅇ HTML 요소에 대한 문서객체모델(DOM)과 이벤트 주도형 자바스크립트 언어 사이의 상호작용을
매우 쉽게 수행할 수 있도록 만들어진 오픈 소스 형태의 자바스크립트 라이브러리
※ (2006년 존 레식)
2. jQuery 특징
ㅇ 소형, 호환성 좋음
- 상대적으로 작은 파일 크기 및 이기종 웹브라우저 간 호환성 제공
ㅇ 명료성, 간결성
- 메서드 체인(Method Chain) 가능
. 코드가 매우 짧고 단순해짐
* 메서드 체인(Method Chain)
. 마치 체인 처럼 메서드를 연결해서 코드를 작성하는 방법
.. jQuery 객체를 반환하는 메서드를 실행하고,
.. 그 반환값에 대해 다시 jQuery 객체의 메서드를 체인 처럼 연결시켜 실행함
. (일회성 변수 남발을 막고, 불필요한 코드 반복을 줄여줌)
ㅇ 웹문서 내 요소들을 쉽게 찾을 수 있게 함
- CSS3 선택자 및 jQuery 자체 선택자 모두 가능 ☞ jQuery 요소 선택 참조
. 찾아낸 요소들을 개별이 아닌 하나의 그룹(collection) 처럼 취급 가능
ㅇ 플러그인을 통한 확장성 좋음
ㅇ 각종 유용한 유틸리티가 많음
3. jQuery 객체 및 함수
ㅇ jQuery 객체
- 랩핑(Wrapping)된 집합체/컬렉션(Collection)
. 자바스크립트 객체, DOM 객체 등 그 이상의 다양한 요소들을
모두 포함(Wrap)할 수 있는 컬렉션(Collection)를 말함
. 주로, 1 이상의 DOM 요소들을 캡슐화한 jQuery 객체
- jQuery 객체의 생성 : jQuery() 또는 $() 전역 함수에 의함
- jQuery 객체의 활용 : 이들 객체에 이벤트를 연결하거나, 시각 효과 등을 추가 가능
하고, 여러 기능 및 효과들을 연쇄적으로 실행할 수 있음
ㅇ jQuery 전역 함수 : jQuery() 또는, 단축형 표현 $()
- 반환 값
. 이 함수에 의한 반환값이 jQuery 객체가 됨
. 선택 반환된 객체들을 `matched set`,`객체 집합`,`래핑된 집합` 등으로도 칭함
- 가능한 전달 인자 종류
. CSS 선택자 형태
. element,document,window 객체 형태
. 문자열 형태 (html 또는 텍스트 문자열)
. 함수 형태
4. jQuery의 활용
※ ☞ jQuery 활용 참조
- 요소의 작성,추가,치환,제거 등
- 이벤트 관련
- 스타일 조작
- 자료형 판단하기 등