JQuery是一種流行的開源JavaScript庫，廣泛用于在Web頁面中操作HTML標記和CSS屬性。在本文中，我們將探討如何使用JQuery選擇和操縱輸入框。

$(document).ready(function(){
$('input[type="text"]').focus(function(){
$(this).css('border-color', 'red');
});
});

上面的代碼將會使頁面中所有的文本輸入框在被選擇時變為紅色。這是如何工作的？

$(document).ready()函數表示該代碼將在頁面加載完畢時執行。$()函數縮寫了$(document).ready()，$()函數內的參數是選擇器。選擇器$('input[type="text"]')選擇了所有文本類型的輸入框，并為其綁定了一個focus()事件。focus()事件表示輸入框被選擇時做什么。在這個例子中，我們選擇了輸入框并將它的邊框顏色設置為紅色。

$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
if($(this).prop('checked')){
$('#result').html('復選框已選中');
}
else{
$('#result').html('復選框未選中');
}
});
});

上面的代碼將為頁面中所有的復選框綁定一個click()事件。當復選框被選中時，$().prop()函數將返回true，則$('#result')元素的文本將被設置為“復選框已選中”。否則，該元素的文本將被設置為“復選框未選中”。

總之，使用JQuery選擇輸入框是一種簡單而強大的技術。通過選擇合適的選擇器并為其綁定事件，您可以輕松地在您的Web頁面中操作輸入框和響應用戶的交互。