显示或隐藏按钮使用jQuery？

Question

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

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

jQuery代码：

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

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

Answer 1

仅在按钮加载后隐藏它，而不是整个窗口都隐藏。

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

否则，您始终可以使用CSS使用display:none;隐藏它display:none;

Answer 2

也许使用CSS：

#stop { display: none; }

Answer 3

这是因为您使用了load事件处理程序，因此，直到页面的所有资源都加载完毕，脚本才会执行。

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

#stop{display: none;}

Answer 4

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

        $(this).hide();
        $("#btnStop").show();
    })
})