JavaScript中隐藏/显示元素

问题描述：

我需要显示/隐藏事件上的输入。此作品：JavaScript中隐藏/显示元素

 <input type="text" class="search"placeholder="Search"> 

     $('.search').hide()

问题是它不能正常工作。我需要首先隐藏它，所以我使用type =“hidden”，然后.show（），但这不起作用，为什么？

你不能做了任何研究这个问题你自己，或文档将会导致你一个答案。 – meagar

答

.hide和.show与type属性没有任何关系。当你调用jQuery的.hide时，input type=text不会成为input type=hidden。

如果您希望您的元素开始隐藏，请在加载DOM时使用CSS属性display: none或在其上调用.hide。

[hide]大致相当于主叫.css("display", "none")，除了显示属性的值被保存在jQuery的数据缓存，以便显示以后可以恢复到其初始值。

答

它看起来像你使用的jQuery - 有一个有用的函数称为toggle()。你会这样做：

$('.search').toggle()

这隐藏了一个可见的元素，并显示一个隐藏的。