jQuery   제이쿼리

(2017-05-27)
정보기술(IT) 1. 정보기술

전산기초
컴퓨터구조
프로그래밍
데이터베이스
소프트웨어 공학
운영체제
정보보호/보안
IT 기타기술
 > 프로그래밍프로그래밍 언어론
객체지향
자료구조
알고리즘
자료표현(알파벳/코드)
시스템 프로그래밍
프로그래밍언어 종류
프로그래밍 기타일반
 > 프로그래밍언어 종류 1. 프로그래밍 언어
2. 기계어,어셈블리언어

C/C++
자바(Java)
자바스크립트
 > 자바스크립트 1. JavaScript
2. JS 객체
3. JS 변수,타입
4. JS 함수
5. JS 배열

JS 이벤트
JS 활용
jQuery
 > jQuery 1. jQuery
2. jQuery 요소 선택법
3. jQuery 활용
4. jQuery 이벤트
5. jQuery 화면 효과

     
1. jQueryHTML 요소에 대한 문서객체모델(DOM)과 이벤트 주도형 자바스크립트 언어 사이의
     상호작용을 매우 쉽게 수행할 수 있는 오픈 소스 자바스크립트 라이브러리


2. jQuery 특징

  ㅇ 상대적으로 작은 파일 크기 및 이기종 웹브라우저 간 호환성 제공

  ㅇ 웹문서 내 요소들을 쉽게 찾을 수 있게 함
     - CSS3 선택자 및 jQuery 자체 선택자 모두 가능                 ☞ jQuery 요소 선택 참조
       
     - 찾아낸 요소들을 개별이 아닌 하나의 그룹 처럼 취급 가능

  ㅇ 메서드 체인(Method Chain) 가능 
     - 코드가 매우 짧고 단순해짐
     * 메서드 체인(Method Chain)
        . 마치 체인 처럼 메서드를 연결해서 코드를 작성하는 방법 
           .. jQuery 객체를 반환하는 메서드를 실행하고, 
           .. 그 반환값에 대해 다시 jQuery 객체메서드를 체인 처럼 연결시켜 실행함

  ㅇ 플러그인을 통한 확장성 좋음

  ㅇ 각종 유용한 유틸리티가 많음


3. jQuery 객체함수
 
  ㅇ jQuery 객체
     - 자바스크립트 객체, DOM 객체 등 그 이상의 다양한 요소들을
       모두 포함(Wrap)할 수 있는 컬렉션(collection)를 말함
     - 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 화면 효과  

 
        최근수정     모바일웹     참고문헌