웹프로그래밍:: jQuery의 기본

 

 

1. jQuery 메소드의 가장 기본적인 형태

$('h1').css('color', 'red');

h1 - 선택자

css('color', 'red') - 메소드

 

2. 전체 선택자

$('*').css('color', 'orange');

모든 문서 객체를 선택하여

스타일 속성 color에 orange값을 설정하라

css()메소드 : 스타일을 지정하는 메소드

 

3. 여러 개의 태그를 동시에 선택할 때

$('h1, p').css('color', 'blue');

 

4. 아이디 선택자

$('#target').css('color', 'black');

- id가 target인 문서 객체 선택함.

$('h1#target').css('color', 'black');

-h1태그 중에서 id 속성 값이 target인 문서 객체를 선택함.

 

5. 클래스 선택자

$('.item').css('color', 'orange');

$('h1.item').css('color', 'orange');

 

$('.item.select').css('color', 'orange');

-class 속성 값으로 'item'과 'select' 모두를 갖는 문서 객체를 선택함.

 

-하나의 태그는 여러 개의 class 속성 값을 가질 수 있다.

-class 속성 값이 동일한 여러 개의 태그가 존재할 수 있다.