jQuery onclick代码不起作用

Question

Welcome, I have this code: html:

<script src="loginbox.js"></script>
<div class="menu" id="login">
      <p class="menu">LOG IN</p>
    </div>

js:

  $('#login').on('click', function(){
  document.getElementById('login').hide();
});

The div "login" isn't even clickable

Answer 1

Here you go :

$(document).ready(function(){
  $('#login').on('click', function(){
    $(document.getElementById('login')).hide();
  });
});

When you mix pure JS and jQuery, you need to wrap pure JS in a jQueryObject.

PS: I'd swap the $(document.getElementById('login')) for a $("#login") if I were you