jQuery是一種基于JavaScript的開源框架,可以輕松地操作HTML文檔和CSS樣式,為web開發帶來了很多便利。今天我們來學習如何使用jQuery來設置文本框的邊框樣式。
$(document).ready(function(){ $("input").focus(function(){ $(this).css("border", "2px solid red"); //設置聚焦時文本框的邊框 }); $("input").blur(function(){ $(this).css("border", "1px solid gray"); //失去焦點時恢復文本框的原有邊框 }); });
首先,我們需要用jQuery語法為所有的input元素添加focus和blur事件。當文本框聚焦時,我們使用css()方法來設置文本框的邊框寬度為2px,顏色為紅色。當失去焦點時,我們就將邊框寬度恢復為1px,顏色改為灰色。
這樣,我們就可以使用jQuery來動態地修改文本框的邊框樣式,讓用戶在操作表單時獲得更好的體驗。
下一篇css中.div