$(".white1").mouseover(function(){
$("a[class='jt1']").removeClass('jt1').addClass('jt2')
})
如果把一个网页比喻为一个舞台，那么：html是舞台的基本建筑结构；
css是舞台的布景和装饰；
javascript是舞台表演的剧本（或者叫脚本）；
有了以上三个基本元素，再往舞台上添加演员、道具等等，表演就可以开始了。
jquery则是把一些常用的脚本编写为一些较小的固定脚本，在写剧本的时候可以直接引用，这样就简化了剧本的编写，提高了效率；
div则是区块结构，相当于舞台的结构设计吧。早期的网页采用的是Table（表格）结构，但它存在许多缺陷，就像是四四方方的固定舞台，显得非常呆板无生气。现在的网页则大多采用div+css结构，把内容放入一个个div中，然后通过css来控制每个div的各种样式（位置、大小、边框、颜色等等），这样就像是一个全方位的立体舞台，呈现出多姿多彩的效果，也给网页设计师留下更多发挥的空间。
1、jQuery设置css样式
<div style="background-color:#ffffffpadding-left:10px">测试jQuery动态获取padding-left</div>
2、用css()方法返回元素的样式属性
$("div").css("padding-left"))
3、用css()设置样式
$("div").css("color","yellow")
4、设置多个样式
$("div").css({"background-color":"yellow","font-size":"200%"})
var css = {
background-color: '#EEE',
height: '500px',
margin: '10px',
padding: '2px 5px' }
$("div").css(css)
