javascript - .show()和.hide()如何在jquery中工作

This question already has answers here:

Equivalent of jQuery .hide() to set visibility: hidden
                                
                                    （6个答案）
                                
                        
                4年前关闭。
            
        

我目前正在注册，在其中隐藏和显示不同的输入，具体取决于它们在注册过程中的位置，因此我无法正常工作。目前，我有4个输入，我想先隐藏其中两个。我知道在jquery中，您可以使用.hide（）做到这一点。但是，当我加载页面时，两个输入出现然后消失。 .show（）和.hide（）对元素有什么作用？它会改变显示吗？我如何才能使它在页面加载时从隐藏元素开始，然后在需要时可以调用.show（）？

我现在拥有的代码如下。我想要的是我不必在ready函数中调用.hide（），也不必让元素开始隐藏。

$(document).ready(function ()
{
//loads elements then hides them
  $("#input3").hide();
  $("#input4").hide();

//some time later when triggers are set and I want to show the inputs
  $("#input3").show();
  $("#input4").show();
}

我想要的是：

$(document).ready(function ()
{
//inputs 3 and 4 are already hidden

//some time later when triggers are set and I want to show the inputs
  $("#input3").show();
  $("#input4").show();
}

最佳答案

向您的html元素添加无显示

<input type="text" id="input1" style="display: none" />

或使用CSS

#input1, #input2 {
  display: none;
}

关于javascript - .show()和.hide()如何在jquery中工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34104958/