is()메소드
is() 메서드는 결과 값으로 참과 거짓을 반환합니다.
$(selector).is(selectorElement)에서 selector , selectorElement 일치하는지 확인하여 Ture 또는 False 를 반환합니다.
.select 를 클릭했을때 select가 div 태그이면 DIV SELECT를 select가 p 태그이면 P SELECT를
출력하도록 만들었습니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>is()메소드</title>
<style>
</style>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script>
$(function(){
$(".select").on('click',function(){
if( $(this).is('div')) {
console.log("DIV SELECT");
}
if($(this).is('p')){
console.log("p SELECT");
}
});
});
</script>
</head>
<body>
<div class="select">
DIV SELECT
</div>
<p class="select">
P SELECT
</p>
</body>
</html>
개인 공부용으로 만들었습니다.
다른 분들에게도 도움이 되었으면 좋겠습니다.
틀린 부분이 있으면 댓글을 남겨주시면 수정하겠습니다.
'웹퍼블 > 웝퍼블(JS, jQuery)' 카테고리의 다른 글
| JavaScript - HTML요소 선택하기 (0) | 2018.12.04 |
|---|---|
| jQuery - 요소 추가·제거, 숨기기·나타나기 효과 (0) | 2018.10.22 |
| jQuery - 콜백함수 (0) | 2018.10.22 |
| jQuery - 애니메이션(animate) (0) | 2018.10.19 |
