오봉이와 함께하는 개발 블로그

jQuery 선택자 jQuery 코드는 선택자와 메소드의 조합으로 구성되는 경우가 많음 중간에 자바스크립트 코드 같이 작성 HTML 태그를 쉽게 선택하기 위해 선택자 사용 선택자 구조 $(‘선택자’).메소드(매개변수, 함수 등) $(‘span’).hide(); 큰 따옴표 / 작은 따옴표 다 사용 가능 선택자 종류 직접 선택자 전체 : $("*") 태그 : $("태그명") 아이디 : $("#id 명") 클래스 : $(".class 명") 그룹 선택자 인접 관계 선택자 상위 요소(조상/부모) 선택자 하위 요소 (자식/자손) 선택자 형제 선택자 필터 선택자 속성 선택자 컨텐츠 탐색 선택자 필터 선택자 태그의 상태나 순서 등으로 선택 ${‘태그명:순서필터’) $(‘tr:odd’) : 홀수 행만 선택 ${‘태그명..

jQuery 선택자 jQuery 코드는 선택자와 메소드의 조합으로 구성되는 경우가 많음 중간에 자바스크립트 코드 같이 작성 HTML 태그를 쉽게 선택하기 위해 선택자 사용 선택자 구조 $(‘선택자’).메소드(매개변수, 함수 등) $(‘span’).hide(); 큰 따옴표 / 작은 따옴표 다 사용 가능 선택자 종류 직접 선택자 전체 : $("*") 태그 : $("태그명") 아이디 : $("#id 명") 클래스 : $(".class 명") 그룹 선택자 인접 관계 선택자 상위 요소(조상/부모) 선택자 하위 요소 (자식/자손) 선택자 형제 선택자 필터 선택자 속성 선택자 컨텐츠 탐색 선택자 조상/부모/형제 요소 선택자 부모 요소 선택 : parent() 조상 : parents() 형제 : next() / nex..

jQuery 코드 형태 객체 구조로 객체.메소드 형태 객체 선택 %('선택자').메소드 $('p').css('color', 'red') : 모든 태그 선택하고 스타일 적용 사용자가 생성한 객체 사용 객체.메소드 var obj = $('선택자').메소드; obj.메소드 메소드 체이닝 여러 개의 메소드를 연결해서 사용 객체.메소드1.메소드2.@@@@.메소드n; jQuery 치환 jQuery의 모든 함수 및 객체는 jQuery에서 제공되는 것이라는 점을 나타내기 위해 코드 앞에 jQuery라는 키워드를 사용 jQuery(document).ready( function(){ alert("jQuery 시작 - external 방식"); } );..

jQuery 자바스크립트 라이브러리 자바스크립트를 이용해 만든 다양한 함수들의 집합 무료 사용 가능한 오픈 소스 라이브러리 모든 웹 브라우저에서 동작 특징 용량이 약 100KB로 가벼움 동적으로 HTML이나 CSS 컨트롤 능력 탁월 짧고 간결하게 코딩 가능 웹 표준과 타 브라우저 호환성 뛰어남 편리한 Ajax 호출 방법 메소드 체인 방식(여러 메소드를 연결하여 사용)으로 효율적인 코딩 가능, 간결하고 효과적인 코드 수정 가능 다양한 플러그인 제공 목적 쉬운 DOM cjfl 쉽고 일관된 이벤트 연결 구현 쉬운 시작적 효과 구현 Ajax 기능 쉽게 구현 기능 DOM 처리 이벤트 처리 시각 효과 구현 Ajax 기능 구현 개발 환경 파일 다운로드 방식 CDN 이용하는 방식 jQuery 시작 예제 - jQuery..