Javascript .show（）和.hide（）在jquery中的工作原理

我目前正在注册中，根据注册过程中的位置，我会隐藏和显示不同的输入。目前，我有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();
}

---

将DisplayNone添加到html元素中

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

---

将DisplayNone添加到html元素中

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

---

您可以将它们的初始样式

display

设置为

none

。最好避免使用内联样式

CSS

#input3, #input4 {
  display: none;
}

在您的情况下，您的

jQuery

正在处理这个问题。在执行之前，您的

HTML

会被解析&因此，在执行

JavaScript

之前，您可以看到

输入

希望有帮助
 您可以将其初始样式
显示设置为
none
。最好避免使用内联样式

CSS

#input3, #input4 {
  display: none;
}

在您的情况下，您的
jQuery
正在处理这个问题。在执行之前，您的
HTML
会被解析&因此，在执行
JavaScript
之前，您可以看到
输入

希望有帮助
 创建这样的css

.hide
{
display : none
}

并对最初要隐藏的div使用hide类
 创建这样的css

.hide
{
display : none
}

并对最初要隐藏的div使用hide类
 您需要使用css隐藏输入字段

<input type="text" name="input_name" id="input_id" />
#input_id{
display:none;
}

您需要使用css隐藏输入字段

<input type="text" name="input_name" id="input_id" />
#input_id{
display:none;
}

确定了。显示和隐藏。只需更改显示？是的，它是正确的！有关更多信息，请参阅。是否显示和隐藏只更改显示？是的，它是正确的！有关更多信息，请参阅