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“login”甚至无法点击

Answer 1

你走了：

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

当你混合纯JS和jQuery时，你需要在jQueryObject中包装纯JS。

PS： 如果我是你

，我会将$(document.getElementById('login'))换成$("#login")