목차
- is() 예제 - 일치 여부 체크
- is() 정의
- 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" 선택자 사용가능.)
