웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > jquery

제이쿼리 is() 메소드 배우기

Last Modified : 2019-08-05 / Created : 2016-01-21
18,176
View Count
 
제이쿼리는 is() 메소드를 제공합니다. is() 메소드는 특정요소가 선택요소와 관련값 또는 현재의 상태 등을 확인 후 Boolean 값 true, false로 반환합니다. 그래서 is()를 사용해 원하는 선택자 결과... 원하는 태그인지 확인할 때 유용하죠.

아래는 is()를 사용하기 위한 간단한 사용방법입니다.

$("선택요소").is("비교할 요소 또는 표현식);

그럼 다음에서 예제를 통해 좀 더 자세히 알아보세요.




# 특정요소가 자식요소로 p 태그를 가지고 있는지 확인

아래는 is() 메소드가 사용된 간단한 예제로 p 태그를 가지는 경우 포함한다는 경고창을 보여주고 반대로 없는 경우라면 없다는 문구의 경고창을 출력해보겠습니다. 먼저 태그를 만들구요 ...
<div class="parentEle">
   <p>P tag here !!</p>
</div>

위 내용은 html 코드이며 이제 여기에 is()를 사용한 스크립트입니다.
var isChild = $("div").children().is("p");
// isChild 변수에 자식요소인지 검수 후 결과를 저장

if (isChild) {
   alert('자식 요소가 맞습니다.');
}
else {
   alert('자식 요소가 아닙니다.');
}

p 태그가 맞으므로 '자식 요소가 맞습니다.'를 출력하겠습니다.



# is()를 사용해 클래스명이 맞는지 확인하는 예제보기

한가지 더 예를 들어보도록 하겠습니다. 만약 해당 클래스가 있는지 없는지 알아보려면? 아래와 같이 코드를 작성 가능합니다.
<script>
var isChild = $("div").is(".test");
if (isChild) {
   alert("It has test classname !");
}
</script>

위 코드는 test 라는 클래스명을 가지고 있는지 판단하기 위해서 is() 내부에 .test를 추가하였습니다. 이처럼 선택자에 클래스를 사용하면 클래스 확인도 가능합니다.

Previous

[제이쿼리] find() 자식요소내의 요소 선택하기

Previous

[제이쿼리] input 체크박스, 라디오 상태를 체크 또는 해제 방법