需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('div').click(function(){$(this).css('color','blue')})。
3、浏览器运行index.html页面，此时点击123所在的div，div会变为蓝色文本。
举例1：<li onmouseover='this.className='AAAAA'' onmouseout='this.className='BBBBB''>
鼠标经过 样式表变化 可用于 颜色变化等
举例2：
用户名：<input type="button" class="input1" onclick="this.className='input2'">
鼠标点击 样式表变化
或者 单独写一个javascript函数
举例3：
<script language=javascript>
function ChangeStyle(idName,StyleName){
document.getElementById(idName).className=StyleName
}
</script>
<input type=button onclick="ChangeStyle(Text1,"div2")" vaule="变换">
<div id=Text1 class=div1>啊哈哈哈哈</div>
用jquery点击时触发一个函数。比如
<div id="divNum">
<div id="div1" onclick="changeColor(this.id)"></div>
<div id="div2" onclick="changeColor(this.id)"></div>
<div id="div3" onclick="changeColor(this.id)"></div>
</div>
将这些div放到一个大的div容器中。
function changeColor(id){
$("#divNum div").css("background-color","blue")//别的div变成蓝色
$("#"+id).css("background-color","red")//被点击的变成红色
}
