Frontend/JQuery (11) 썸네일형 리스트형 jQuery 선택자 (selector) jQuery 선택자 (selector) jQuery 코드는 선택자와 메소드의 조합으로 구성되는 경우가 많음 중간에 자바스크립트 코드 같이 작성 HTML 태그를 쉽게 선택하기 위해 선택자 사용 선택자 구조 $(‘선택자’).메소드(매개변수, 함수 등) 큰 따옴표 /작은 따옴표 다 사용 가능 선택자 종류 직접 선택자 전체 : $(“*”) 태그 : $(‘태그명’) 아이디 : $(‘#id명’) 클래스 : $(‘.클래스명’) 그룹 선택자 인접 관계 선택자 상위 요소 (조상/부모) 선택자 하위 요소 (자식/자손) 선택자 형제 선택자 필터 선택자 태그의 상태나 순서 등으로 선택 ${‘태그명:순서필터’) ${‘태그명:상태필터’) 요소 : 필터 설명 요소: odd 홀수 번째에 위치한 요소 선택 요소: even 짝수 번째에.. jQuery 기본 개념 및 작업 환경 구축 jQuery 2006년 John Resig(존 레식)이 디자인한 자바스크립트 라이브러리 자바스크립트를 이용해 만든 다양한 함수들의 집합 무료 사용 가능한 오픈 소스 라이브러리 모든 웹 브라우저에서 동작 jQuery 특징 용량이 약 100 KB 가벼움 동적으로 HTML이나 CSS 컨트롤 능력 탁월 짧고 간결하게 코딩 가능 웹 표준과 타 브라우저 호환성 뛰어남 편리한 Ajax 호출 방법 메소드 체인 방식 (여러 메소드를 연결하여 사용)으로 효율적인 코딩 가능, 간결하고 효과적인 코드 수정 가능 다양한 플러그인 제공 jQuery 사용 목적 쉬운 DOM 처리 쉽고 일관된 이벤트 연결 구현 쉬운 시각적 효과 구현 Ajax 기능 쉽게 구현 jQuery 기능 DOM 처리 이벤트 처리 시각 효과 구현 Ajax 기능 구.. 이전 1 2 다음