Question

我目前正在注意我隐藏的注册，并根据他们在注册过程中的位置显示不同的输入。目前，我有4个输入，我想通过隐藏其中两个来开始。我知道在jquery中你可以用.hide（）来做到这一点。但是，当我加载页面时，两个输入出现然后消失。 .show（）和.hide（）对元素做了什么？它会改变显示吗？我如何才能使它在页面加载元素时开始隐藏，然后我可以在需要时调用.show（）？

我现在的代码如下。我想要的是让我不必在就绪函数中调用call.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();
}

Answer 1

将display none添加到您的html元素

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

或与css

#input1, #input2 {
  display: none;
}

Answer 2

您可以将其初始样式display设置为none。最好避免使用内联样式。

<强> CSS

#input3, #input4 {
  display: none;
}

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

希望它有所帮助！

Answer 3

像这样创建一个css。

.hide
{
display : none
}

并使用最初要隐藏的div的hide类。

Answer 4

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

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

当你需要显示这个输入字段时，只需调用像

这样的js函数

$('#input_id').show()

.show（）和.hide（）如何在jquery中工作

4 个答案: