태그선택자와 id선택자 연결 소스코드 header-0 header-1 header-2 출처: 출력결과 소스코드 //특정 id속성을 가지는 태그 선택 $('h1#target').css('color', 'red'); 출력결과

여러 개의 태그 선택 소스코드 봄 여름 가을 겨울 소스코드 //여러개의 태그 선택 $('h1, p').css('color', 'red');

태그 선택자, 클래스 선택자, ID선택자 id는 반드시 중복되지 않토록 uniqe하게 명명해야 되며 class나 name은 동일 명칭을 가져도 상관없습니다. (주의) class선택자 .id선텍자 # 소스 파일 jQuery 실습 id값이 content인 div tag span1 span2 //태그 선택자 (중복 가능) //속성, 속성값 $('span').css('border', '5px solid red'); //클래스 선택자 (중복 가능) $('.study').css('border', '7px solid olive'); //id선택자(중복 불가능) $('#content').css('background', 'magenta');

전체 선택자 CSS와 동일하므로 익숙하게 익혀야 함 선택자설명*전체 선택자 문서 객체 전체 선택(DOM에서는 태그가 객체로 인식됨) jQuery 내용 분량 1/3선택자 CSS에서도 사용되는 선택자 임1/3DOM and event1/3ajax 소스코드 계절 출력결과 마우스 우클릭 > 요소 검사 모든 태그에 적용된 것을 확인 할 수 있습니다.

jQuery(document).ready() 문서의 준비가 완료되면 매개 변수로 전달된 함수를 실행하라는 의미 아래의 표현도 동일한 기능 수행 jQuery 기본 선택자 선택자설명전체 선택자HTML 페이지에 있는 모든 문서 객체를 선택하는 선택자태그 선택자HTML 페이지 있는 문서 객체를 태그 이름으로 선택하는 선택자아이디 선택자HTML 페이지 안의 특정 ID 속성을 가지고 있는 문서 객체를 선택하는 선택자클래스 선택자HTML 페이지 안의 특정 class 속성을 가지고 있는 문ㅅ 객체를 선택하는 선택자자식 선택자자식 선택자는 자식을 선택하는 선택자이며 '부모 > 자식'의 형태로 사용후손 선택자후손 선택자는 이름 그대로 후손을 선택하는 선택자. '요소 A 요소 B'의 형태로 사용하여 요소 A의 후손으로 범위..

jQuery학습을 위한 참조사이트 http://learn.jquery.com/