在JavaScript

时间:2015-10-18 17:39:23

标签: javascript jquery

我需要显示/隐藏事件的输入。这有效:

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

      $('.search').hide()

问题在于它没有相反的方法。我需要先隐藏它,所以我使用type =&#34; hidden&#34;然后.show()但这不起作用,为什么?

2 个答案:

答案 0 :(得分:1)

.hide.showtype属性无关。当您在其上调用jQuery的input type=text时,input type=hidden不会成为.hide

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

来自the docs

  

[hide]大致相当于调用.css( "display", "none" ),除了将display属性的值保存在jQuery的数据缓存中,以便稍后可以将显示恢复为其初始值

答案 1 :(得分:0)

看起来你正在使用jQuery - 这是一个名为toggle()的有用功能。你可以这样做:

 $('.search').toggle()

这会隐藏一个可见元素并显示一个隐藏元素。

http://api.jquery.com/toggle/