가희의자기개발블로그

스타일 핵심 내용 본문

프론트엔드/JavaScript+JQuery

스타일 핵심 내용

가희gahui 2020. 7. 9. 17:36
반응형

01_스타일 값 구하기

$대상.css("스타일 속성이름")
$대상.css("스타일 속성이름","스타일 속성이름", ...)

02_스타일 값 설정하기

$대상.css("속성이름","값")
$대상.css({
	속성이름:값
    속성이름:값
})

css()메서드는 스타일 속성값을 설정할 때도 사용된다.

03_클래스 추가

$대상.addClass("클래스 이름1[클래스 이름2 ...]")

addClass() 메서드를 이용하면 노드에 하나 이상의 클래스를 추가할 수 있다.

 

04_클래스 삭제

$대상.removeClass()
$대상.removeClass("클래스 이름1[클래스 이름2 ...]")

※toggleClass()

이 메서드는 클릭시 해당 클래스가 있으면 제거해주고 없으면 생성해준다.

 

 

반응형

'프론트엔드 > JavaScript+JQuery' 카테고리의 다른 글

Hoisting  (0) 2020.07.09
var 과 let 그리고 const  (0) 2020.07.09
스타일 소개  (0) 2020.07.08
on("click") vs click()  (0) 2020.07.08
노드 내용 읽기 및 변경  (0) 2020.07.06
Comments