addEventListener (show/hide)

addEventListener (show/hide)

本文关键字：hide show addEventListener      更新时间：2023-09-26

我想用一个按钮来显示和隐藏标签（div）。所以，buttom（切换）-->到div（显示/隐藏）。

    window.onload = function(){
      var button = document.getElementById('button');     
    function show(event){
      event.target.classList.toggle('hide');
    }       
      button.addEventListener('click', show, false);     
    }

因为在jQuery中是这样：

$(document).ready(function(){
  $( "#button" ).click(function(){
  $( "div" ).toggle( "slow" );
   });
});

但是在JavaScript中呢？

我不完全理解你的问题，但我怀疑你的麻烦在于定位应该隐藏或显示的div。

要使用 jQuery 执行此操作：

.HTML

<button class="toggle">Toggle</button>
<div class="text">Hello</div>

爪哇语

$(document).ready(function(){
    $("button.toggle").click(function(){
        $("text").toggle();
    });
}
相关文章：