제이쿼리 css 메서드와 체이닝기법

제이쿼리 css 메서드와 체이닝기법

 

CSS메서드 작성법1

$(노드).css('속성','값')

제이쿼리는 css 메서드를 이용하여 평소 스타일시트(css)를 다루는 것과 같은 방식으로 간편하게 스크립트 대상에 디자인을 표현할 수 있습니다.

$(Node).css('background-color','#f00')

 

CSS메서드 작성법2(체이닝 기법)

 

$(노드).메서드(속성, 값).메서드(속성, 값)

노드 하나에 메서드를 두 개 이상 연결하여 작성하는 것을 체이닝 기법이라고 합니다.

css 뿐만 아니라 on 메서드 등 다양한 노드에 연결하는 대상에 체이닝 기법을 활용할 수 있습니다.

 

$(‘p’).css(‘color’,’#0f0’).css(‘background’,’#f00’);

 

CSS메서드 작성법3

$(노드).메서드({ 속성:값, 속성:값, 속성:값 })

노드 하나에 메서드 하나, 여러 개의 속성과 값을 연결할 수 있습니다.

$(‘p’).css({
	color:'#f00',
    border:'1px solid #aaa'
});