jQuery是一種流行的JavaScript庫，用于簡化前端開發(fā)，包括動態(tài)頁面效果。
其中一個比較常見的應用是實現(xiàn)輸入框效果。下面是一個基本的示例：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>
<style>
input {
padding: 10px;
border-radius: 5px;
border: none;
box-shadow: 0 0 5px #ccc;
}
input:focus {
box-shadow: 0 0 5px #8bd4ff;
}
</style>
</head>
<body>
<input type="text" placeholder="請輸入內(nèi)容">
</body>
<script>
$(document).ready(function() {
$('input').focus(function() {
$(this).css('box-shadow', '0 0 5px #8bd4ff');
});
$('input').blur(function() {
$(this).css('box-shadow', '0 0 5px #ccc');
});
});
</script>
</html>代碼中使用了jQuery選擇器來選中輸入框。當輸入框被聚焦時，使用jQuery的focus事件來修改輸入框的CSS屬性，當輸入框失去焦點時，使用blur事件來恢復之前的CSS屬性。
這是一個簡單的例子，但是可以通過這樣的方式來實現(xiàn)各種輸入框的效果。
上一篇css怎么保存文本空格
下一篇css怎么寫漸變北京