[jQuery] is 메서드 - 선택한 요소의 일치여부 판별

is() 메서드는 선택한 요소 중 하나가 is( 선택한 Element )와 일치하는지 확인합니다.

결과값은 참(true)/거짓(false)을 나타냅니다.

is는 '~는 ~이다' 는 뜻이므로 ele.is() is -> ele요소는 is뒤 소괄호() 안의 요소이냐?! 라고 기억하면 쉽겠죠?

여기서 포인트는 ~이냐? 라고 기억하는 것

$(".abtn").click(function () {
    // 1. 오른쪽여부
    // is(클래스/아이디명) -> 선택요소해당여부 리턴
    let isR = $(this).is(".rb");
    console.log(isR);
});

슬라이드배너의 방향버튼 클릭시 해당 버튼의 클래스명이 rb 인지 판별해서

맞으면 -> true 반환 

틀리면 -> false 반환

해당 판별여부를 boolean(불리언) 형태로 리턴해줍니다. 

오른쪽 버튼의 클래스명이 rb 이므로 true 값이 리턴되었습니다.

왼쪽 버튼을 누르면 어떤 값이 반환될까요?

왼쪽버튼의 클래스에는 rb가 없으므로 false를 리턴하는 것을 확인할 수 있습니다.

 

+ 관련해서 제이쿼리 공식문서에 관련 사항이 자세히 기록되어있습니다.

.is() | jQuery API Documentation