JQuery是一個流行的JavaScript庫，用于簡化前端開發(fā)的過程。在開發(fā)網(wǎng)頁中，我們時常需要隱藏或者顯示一個input框，這時候就需要用到JQuery的show()和hide()方法。

$(document).ready(function(){
// 點擊按鈕觸發(fā)顯示或隱藏input框事件
$("button").click(function(){
// 切換input框的顯示狀態(tài)
$("input").toggle();
});
});

以上代碼中，我們首先使用了$(document).ready()函數(shù)，將我們定義的函數(shù)綁定在了文檔加載之后。在這個函數(shù)中，我們通過選取HTML中的button標簽，并設置click()事件，使得當按鈕被點擊時，執(zhí)行我們定義的函數(shù)。

在函數(shù)中，我們使用了 toggle()方法，如果input框是隱藏的，那么它就會被顯示，如果它是顯示的，那么它就會被隱藏。這個方法可以用于切換一個元素的顯示狀態(tài)。

最后，在HTML中我們需要有一個button標簽和一個input標簽，用于與JQuery交互。

<button>顯示/隱藏 input框</button>
<input type="text" name="demo" style="display: none;">

在button被點擊時，JQuery會在input框的顯示狀態(tài)中切換，讓我們的網(wǎng)頁體驗更加友好和動態(tài)。