JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <body>
    <ul id="main">
      <li id="cat">고양이</li>
      
      <input type="checkbox" checked>
    </ul>
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
			var $cat = $("#cat"),
      	$checkbox = $("input");
      	
        function indexCheck() {
        	var $this = $(this);
          
          return $this.index() === 0;
        }
        
        console.log($cat.is("li")); // $cat이 li태그인가요?
        console.log($checkbox.is(":checked")); // $checkbox가 체크되어 있나요?
        console.log($cat.is($("li"))); // $cat은 li태그인가요?(jquery object로 확인);
        
        // 함수의 return 값(참인값, 거짓인값)을 반환
        console.log($cat.is(indexCheck)); // $cat의 인덱스는 0인가요?
    </script>
  </body>
</html>