JavaScript中隱藏/顯示元素

Question

我需要顯示/隱藏事件上的輸入。此作品：

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

     $('.search').hide() 

問題是它不能正常工作。我需要首先隱藏它，所以我使用type =「hidden」，然後.show（），但這不起作用，爲什麼？

Answer 1

.hide和.show與type屬性沒有任何關係。當你調用jQuery的.hide時，input type=text不會成爲input type=hidden。

如果您希望您的元素開始隱藏，請在加載DOM時使用CSS屬性display: none或在其上調用.hide。

從the docs：

[hide]大致相當於主叫.css("display", "none")，除了顯示屬性的值被保存在jQuery的數據緩存，以便顯示以後可以恢復到其初始值。

Answer 2

它看起來像你使用的jQuery - 有一個有用的函數稱爲toggle()。你會這樣做：

$('.search').toggle() 

這隱藏了一個可見的元素，並顯示一個隱藏的。

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