使用 jQuery 显示或隐藏按钮

show or hide button using jquery?

本文关键字：隐藏 按钮 显示 jQuery 使用      更新时间：2023-09-26

我有两个按钮开始和停止。 页面上加载停止按钮隐藏和开始按钮显示。当我单击"开始"按钮时，此按钮隐藏和停止按钮显示。

我正在使用.hide()方法。

Jquery Code：

$(window).load(function ()
{
$('#stop').hide();
});

它正在工作，但问题是当页面加载时，这个（停止按钮）将显示一秒钟（如闪烁），然后隐藏。 我想完全隐藏，这意味着我不想在页面加载时显示停止按钮。

仅加载按钮而不是整个窗口后将其隐藏。 

$("#stop").load(function() {
  $(this).hide();
});

否则，您可以随时使用 CSS 将其隐藏，并带有display:none;

也许使用 CSS ： 

#stop { display: none; }

这是因为您使用了 load 事件处理程序，因此在加载页面的所有资源之前，不会执行脚本。

一种可能的解决方案是使用 css 规则，使用 id 选择器来隐藏元素，例如

#stop{display: none;}

$(document).ready(function () {
    $("#btnStop").click(function (e) {
        e.preventDefault();
        $(this).hide();
        $("#btnPlay").show();
    })
    $("#btnPlay").click(function (e) {
        e.preventDefault();
        $(this).hide();
        $("#btnStop").show();
    })
})
相关文章：