태그선택자와 클래스선택자 연결 소스코드 Header-0 Header-1 Header-2 Item-0 소스코드 $('.item').css('color', 'orange'); $('h1.item').css('background', 'red'); 소스코드 $('.item').css('color', 'orange'); $('h1.item').css('background', 'red'); $('h1.item.select').css('background', 'yellow');

여러 개의 태그 선택 소스코드 봄 여름 가을 겨울 소스코드 //여러개의 태그 선택 $('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');

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