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

목차

1. is() 예제 - 일치 여부 체크
2. is() 정의
3. 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() 정의

 

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

 

---

PS.
jQuery is() 메서드 공식매뉴얼

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

 

is() 구문

 

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

 

---

[매개변수]

 

selectorElement

필수. selector와 일치 여부 체크할 선택자 표현식. (요소 또는 jQuery 객체 지정)

• ※ 지정 인수와 일치 항목 하나 이상 있으면 true 반환. 
• ※ 그렇지 않으면 false 반환.

  

function(index,element)

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

• index - 요소의 인덱스 위치.
• element - 현재 요소. (※ "this" 선택자 사용가능.)