Javascript 隐藏内容DIV并在按下搜索按钮后显示

我想做一个像谷歌一样的页面搜索。本页将包含以下内容：

文本框

搜索按钮

在文本框中输入值并按下按钮后，结果应放在

DIV

中，但在按下搜索按钮之前，这将不可见。只有在按下搜索按钮后才能显示内容。如何通过使用jQuery实现这一点。

使用jQuery的

ajax（）

函数来实现这一点。

---

检查此链接：

基本上，您可以使用CSS隐藏div，当点击搜索按钮时，它显示如下

CSS代码

#content_div {
   display: none;
}

jQuery

$(".search_button").click(function() {
    $("#content_div").show();
}

---

似乎您可能想使用以下内容：

 $('#search_results').load('perform_search.php', {query: $('#search_query_input').val()});

说明：

#search_results是一个div，您可以将结果放在其中

load（）是jquery通过ajax更新容器的函数

perform_search.php是一个页面，它将返回要在#search_results中显示的结果

query是要传递以执行搜索的参数的名称（如5.$\u REQUEST['query']）

#搜索\查询\输入是“文本框”的id

---

干杯，希望它能帮上忙

jQuery AJAX？这是一种新的ajax吗-我非常感谢你，我的朋友帮助我，并为我提供此资源。首先，我非常感谢你的帮助，我尝试应用你的解决方案，但我发现在按按钮搜索后，内容出现但直接隐藏。为什么？我非常感谢你mkk先生对我的帮助和合作。