本文介绍了一个简单的jQuery脚本示例，展示了如何为输入框和下拉选择框添加样式改变效果，当用户更改这些元素时，它们的背景颜色会变为浅蓝色。
change
下面的js脚本当我直接写成下面这样时，发现两个input和select是同时变化的，看了看源码才知道改成this的话就会变成独立显示的了
<pre style="font-family: 宋体; font-size: 9pt; background-color: rgb(255, 255, 255);"><pre name="code" class="html"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
<script src="jquery-2.2.3.min.js"></script>
</head>
<body>
<input type="text" id="type2" class="field">
<select class="field">
<option>米饭</option>
<option>馒头</option>
<option>煎饼</option>
</select>
<script>
$(".field").change(function () {
$(this).css("background","#eeeeff");
})
</script>
</body>
</html>下面的js脚本当我直接写成下面这样时，发现两个input和select是同时变化的，看了看源码才知道改成this的话就会变成独立显示的了
$(".field").change(function () {
$(".filed").css("background","#eeeeff");
})
扫一扫
1086
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
