JQuery是一種流行的JavaScript庫，用于簡化編寫JavaScript代碼。JQuery有許多功能，包括對輸入框的控制。在本文中，我們將介紹如何使用JQuery創建一個搜索框。
首先，我們需要HTML文件，其中包括一個文本框和一個按鈕：
<input type="text" id="search" placeholder="Search"> <button id="submit">Search</button>
在接下來的步驟中，我們將使用JQuery來控制這兩個元素。在你的HTML文件中，引入JQuery庫：
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
你可以將該腳本標記放在文件的<head>部分或<body>部分?，F在，我們將創建一個名為“search”的變量，并用它來引用我們的搜索文本框：
var search = $("#search");現在，我們將對搜索框進行設置。首先，我們將為其添加一個聚焦事件，這樣當用戶單擊搜索框時，搜索框中的默認文本將被清除：
search.focus(function() {
$(this).val("");
});接下來，我們將為文本框添加一個失去焦點事件，以便在用戶離開時恢復默認文本：
search.blur(function() {
if($(this).val() == "")
$(this).val("Search");
});現在，我們添加按鈕事件。我們首先為其創建一個變量，引用該按鈕：
var submit = $("#submit");要為按鈕添加點擊事件，我們將使用以下代碼：
submit.click(function() {
var search_term = search.val();
alert("Searching for: " + search_term);
});當用戶單擊該按鈕時，輸入框中的文本將被獲取，并用于執行搜索操作。在此示例中，我們只彈出一個警告框來顯示搜索術語。但實際上，你可以使用該術語查詢數據庫或通過AJAX從服務器檢索相關數據。
綜上所述，通過JQuery，我們可以輕松地更改搜索框中的文本，并處理與按鈕相關的所有事件。希望這個示例能夠幫助你開始創建自己的jQuery輸入框！
下一篇css去掉a手形