JQuery 是一種流行的 JavaScript 庫,它被廣泛使用于 Web 開發中。其中,常見的需求之一是調整輸入框的寬度。在 JQuery 中,我們可以使用css()
方法來設置輸入框的寬度。
以下是設置輸入框寬度的示例代碼:
$("input").css("width", "200px");
以上代碼會將所有的輸入框的寬度設置為 200 像素。要設置特定輸入框的寬度,我們可以使用其 ID 或 Class 而不是選擇器 "input"。
例如,以下示例將 ID 為 "username" 的輸入框的寬度設置為 300 像素:
$("#username").css("width", "300px");
同樣地,我們也可以使用 Class 來選擇特定類型的輸入框。以下示例會將所有帶有 "form-control" 類的輸入框的寬度設置為 250 像素:
$(".form-control").css("width", "250px");
以上就是使用 JQuery 設置輸入框寬度的方法。通過使用css()
方法,我們可以輕松地控制輸入框的大小,實現更好的用戶體驗。