jQuery 소개
.NET프로그래밍/jQuery 1.3.2 2009. 11. 5. 09:27 |
- jQuery 소개
- 가장 많이 사용되며 잘 만들어진 오픈소스 자바스크립트 라이브러리
- CSS에서 사용되는 선택기/선택자(Selector) 개념으로 DOM의 멤버에 접근 가능
- Visual Studio 사용시 인텔리센스(Intellisense)의 도움을 받을 수 있어, 배우기 쉽고, Visual Studio 2010에 기본으로 포함됨.
- 플러그인 개념을 도입해서 기본 기능에서 쉽게 확장 기능으로 업그레이드 가능
- 참고 사이트
http://jquery.com/ --> jQuery 공식 사이트
* 설치
- 웹 사이트에 주로 /js/ 폴더에 최신 버전을 다운로드.
- ~vsdoc2.js 식의 파일이 Visual Studio 인텔리센스 지원.
* 사용도구
- 메모장
- 기존 사용 에디터
- Visual Studio 2008 SP1 이상 버전 추천
배포할 때는 min버전으로 용량 줄여서 배포하고,
개발할 때는 document버전 사용해서 인텔리센스 기능 사용함.
* jQuery의 장점 : <body>태그에서 CSS코드와 JavaScript코드 부분을 걷어내서 <body>태그 내에서 깔끔하게 코드를 작성하고, 거기에 더해서 동적으로 자바스크립트코드를 추가할 수도 있다.
- $() 팩터리 함수(메서드, 생성자)
- $()로 CSS의 선택기와 모든 DOM요소 접근
--> $("선택기").XXX메서드();
- 자바스크립트 익명 메서드(람다식) 호출
--> $(document).ready(function() { ... });
- 익명(Anonymous)함수/무명함수
--> function() {}
- $()와 jQuery()는 동일한 코드다.
--> 둘 중 하나 사용 가능
* jQuery의 특징
- 막강한 CSS 선택기
- 닷넷 진영이 아니라 공통 소스 진영(닷넷, 자바 상관없이 사용 가능)
- 크로스 브라우저 지원(인터넷익스플로러, 파이어폭스 등)
- 메서드 체인 제공(C#처럼...)
- Ajax 지원
- 풍부한 플러그 인 지원
* jQuery의 기본 : 선택기(Selector)
- 대상 DOM 요소를 식별하기 위한 방법
- $(selector) 혹은 jQuery(selector) 구문 사용
- selector는 매치되는 개체 집합을 반환
- 기본 CSS 선택기를 그대로 사용 가능
- CSS에 익숙하다면 jQuery 파란띠로 승급!
- #login
- .codeBox
- p a
- 다양한 선택기 필터의 지원
'.NET프로그래밍 > jQuery 1.3.2' 카테고리의 다른 글
| '선택기 필터 - contains필터'를 사용해서 특정 텍스트 검색하기 (0) | 2009.11.05 |
|---|---|
| 사용자 정의 선택기('선택기 필터(기본 필터)'를 사용해서...) - 테이블의 짝수번째 배경색 변경하기 (0) | 2009.11.05 |
| 정규표현식 실렉터(Selector) (0) | 2009.11.05 |
| Selector - 선택자(선택기) (0) | 2009.11.05 |
| Hello World jQuery (0) | 2009.11.05 |