jquery css 적용 방법

메소드

addClass( class )    : 매치된 요소들의 각 집합에 지정된 CSS 클래스를 추가한다.

hasClass( class )    : 지정된 클래스가 매치된 요소 집합 중 최소 한 군데 이상 적용되어 있다면 true를 반환한다.

removeClass( class ) : 매치된 요소들의 각 집합에서 지정된 CSS 클래스 혹은 모든 클래스를 제거한다.

toggleClass( class ) : 지정된 클래스가 적용되지 않았다면 적용하고, 이미 적용되어 있다면 제거한다.

attr( name )         : 메치된 첫 번째 요소의 특정 어트리뷰트에 접근하여 값을 가져온다. 만일, 지정된 어트리뷰트 명이 존재하지 않는다면 undefined가 반환된다. 어트리뷰트에는 title, alt, src, href, width, style와 같은 것들이 해당된다.

attr( properties )   : 모든 매치되는 요소들의 어트리뷰트를 키/값 개체로 설정한다.

attr( key, value )   : 모든 매치되는 요소들의 단일 어트리뷰트의 값을 지정한다.

attr( key, fn )      : 모든 매치되는 요소들의 단일 어트리뷰트에 대해 계산된 값을 지정한다.

removeAttr( name )   : 매치된 요소 각각으로부터 해당 어트리뷰트를 제거한다

.css("name")

.css("name", "value")

.css({"name":"value", "name":"value", "name":"value"})

<p>TEST CSS</p>

 

<script>

$('p').css({'color':'red', 'font-weight':'bold'})

<script>