jQuery onclick代码不起作用

Question

欢迎使用，我有以下代码：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();
});

div“登录”甚至不可点击

Answer 1

干得好 ：

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

当您混合使用纯JS和jQuery时，需要将纯JS包装在jQueryObject中。

PS：如果我是我，我会将$(document.getElementById('login'))换成$("#login")