對于前端開發來說，有時我們需要對input的樣式進行修改，以此來美化頁面。在這種情況下，jQuery就成為了一個很好的選擇。下面是一個簡單的使用jQuery來修改input樣式的例子。
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<style>
.input-style {
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
font-size: 16px;
margin-bottom: 10px;
}
</style>
</head>
<body>
<input type="text" id="input" class="input-style" placeholder="Enter your name">
<script>
$(document).ready(function() {
$("#input").focus(function() {
$(this).addClass("input-focus");
});
$("#input").blur(function() {
$(this).removeClass("input-focus");
});
});
</script>
</body>
</html>在這個例子中，我們首先定義了一個樣式表來給input添加我們想要的樣式。我們給它添加了邊框，圓角，內邊距，字體大小，以及一些外邊距。然后在文檔準備好之后，我們使用jQuery來相應地添加或刪除類別（class），以此來響應input的聚焦(focus)或失焦(blur)事件。我們添加的類別會改變這個輸入框的背景顏色和邊框形狀。
總之，使用jQuery來修改input樣式非常簡單直接，并且還能夠改善頁面的用戶體驗。希望這個例子對你有所啟發！