淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery是一种JavaScript库,它可以轻松地操纵HTML文档、处理事件以及创建动画效果。在jQuery中,显示和隐藏元素变得非常简单。

jquery显示隐藏怎么做

使用jQuery的show()和hide()方法,可以在适当的时间显示或隐藏一个元素。


  $(document).ready(function(){
    $("#btn-show").click(function(){
      $("#element-to-show").show();
    });
    $("#btn-hide").click(function(){
      $("#element-to-hide").hide();
    });
  });

在上面的代码中,当页面已经加载时,jQuery会寻找ID为"btn-show"和"btn-hide"的按钮,并在点击时显示或隐藏元素。

此外,还有一个toggle()方法,在每次点击时切换元素的可见性:


  $(document).ready(function(){
    $("#btn-toggle").click(function(){
      $("#element-to-toggle").toggle();
    });
  });

在上面的代码中,当页面已加载时,jQuery会寻找ID为"btn-toggle"的按钮,并在每次点击时切换元素的可见性。

以上就是使用jQuery显示和隐藏元素的简单方法。