[Traversing] JQ - is() 메서드 ★ - 일치 여부 체크. (= is메서드 = 이즈메서드)

목차

1. is() 예제 - 일치 여부 체크
2. is() 정의
3. is() 구문
4. is() 관련 주소

is() 예제 - 일치 여부 체크

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

 

<script>

$(document).ready(function(){

  $("p").click(function(event){

    event.stopPropagation(); // 부모요소 이벤트가 자식요소로 전파되는 걸 방지.

    if ($("p").parent().is("div")) {

      alert("p 요소 부모는 div 맞음."); 

    }

  });

  $("div").click(function(){    

    if ($("div").children().is("p")) {

      alert("div 요소 자식은 p 맞음."); 

    }

  });  

});

</script>

 

<style>

div,p {border:1px solid silver;}

</style>

 

<div>

  <p>홈짱닷컴 Homzzang.com</p>

</div>

 

결과보기

is() 정의

 

선택된 요소들 중 하나가 지정 요소와 일치하는지 체크.

 

is() 구문

 

$(selector).is(selectorElement,function(index,element))

 

---

[매개변수]

 

selectorElement

필수. selector와 일치 여부 체크할 선택자 표현식. (요소 또는 jQuery 객체 지정)
※ 지정 인수와 일치 항목 하나 이상 있으면 true 반환. 
※ 그렇지 않으면 false 반환.

 

function(index,element)

선택. 선택한 요소 그룹에 대해 실행할 함수 지정.

index

요소의 인덱스 위치.

 

element

현재 요소. (※ "this" 선택자 사용가능.)

 

is() 관련 주소

 

jQuery is() 메서드

https://api.jquery.com/is/