본문 바로가기
html, css, javascript/javascript/jquery

[jQuery] if, else if, else 사용법

by 허그미 2020. 7. 8.
반응형

if

A1을 만족하면 description1 실행

if ('A1') {
	description1
} 

if, else

A1을 만족하면 description1 실행, 아니라면 description2 실행


if('A1') {
	description1
} else {
	description2
}

if, else if, else

A1을 만족하면 description1 실행, A2을 만족하면 description2 실행, 둘 다 만족하지 못하면 description3을 실행

if('A1') {
	description1
} else if('A2') {
	description2
} else {
	description3
}






[예제]

if, else

ex) div에 B가 있다면
C에 C0를 추가하고
없다면 C1를 추가합니다.

$(document).ready(function(){
	if($('div').hasClass('B')) {
  		$('C').addClass('C0');
    } else {
    	$('C').addClass('C1');
    }
});

if, else if, else

ex) div에 B가 있다면 C에 C0를 추가하고
div에 B2가 있다면 C에 C1을 추가,
둘 다 아니라면 C에 C2를 추가

$(document).ready(function(){
	if($('div').hasClass('B')) {
  		$('C').addClass('C0');
    } else if($('div').hasClass('B2')) {
    	$('C').addClass('C1');
    } else {
    	$('C').addClass('C2');
    }
});
반응형

댓글