jQuery   제이쿼리

(2018-08-31)

1. jQueryHTML 요소에 대한 문서객체모델(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 활용 참조
     - 요소의 작성,추가,치환,제거 등
     - 이벤트 관련
     - 스타일 조작
     - 자료형 판단하기 등

jQuery
   1. jQuery   2. jQuery 요소 선택법   3. jQuery 활용   4. jQuery 이벤트   5. jQuery 화면 효과   6. jQuery 요소 삽입/삭제/교체/복사   7. jQuery ajax   8. jQuery 객체  


Copyrightⓒ written by 차재복 (Cha Jae Bok)               기술용어해설 후원
"본 웹사이트 내 모든 저작물은 원출처를 밝히는 한 자유롭게 사용(상업화포함) 가능합니다"