jQuery를 Javascript로 .hasClass()

post-thumbnail

https://api.jquery.com/hasClass/

When?

선택한 요소에 class명이 있는지 조건을 검사할 때 사용하는 메서드

How?

$( '#myCont' ).hasClass( 'view' )
$('.arcodion').hasClass('on')

Losic

  1. 엘리먼트의 클래스명을 받아
  2. 엘리먼트요소에 class명이 있는지 조건을 검사하는 함수

처음 작성한 .hasClass()

function hasClass(el,clName){
	el = document.querySelector(el);
    
	if(el.indexOf(clName) > -1){
    	console.log('true')
    } else {
    	console.log('false')
    }
}

내가 생각하는 위 코드의 문제점은 받아오는 el이 무엇이냐를 콘솔로 찍었어야 함
위 코드에서 el은 div임

1. 엘리먼트의 클래스명을 받아 Javascript

<script>
	function el(el){
    	return document.querySelector(el).className;
    }
</script>

2. 엘리먼트요소에 class명이 있는지 조건을 검사하는 함수 Javascript

function hasClass(el,clName){
   if(el.indexOf(clName) > -1){
		console.log('true');
   } else {
   		console.log('false');
   }
	
}

hasClass('.btn','on')
profile
성장을 넘어 진화하는 퍼블리셔 Erika입니다

0개의 댓글