jquery实现动态改变css样式的方法分析
本文实例讲述了jquery实现动态改变css样式的方法。分享给大家供大家参考，具体如下：
jquery几乎成了现在开发WEB应用的标准JS库，这与其简单性和易用性是分不开的。作为一个后端开发人员，要做一些前端页面时，CSS样式的控制是少不了需要掌握的。如果是静态的CSS，当然是可以直接写上去的，但有些界面是需要一些动态效果的，比如颜色变化，字体大小变化，甚至DIV的隐藏于现实等，这些都需要用javascript动态控制其CSS样式，下面就常用的jquery控制css样式的方法做一个小结.
1.改变超级链接的样式
2.给指定的html元素给一个指定的CSS样式
3.查看元素的css样式
4.隐藏与显示div或指定的其他html元素
一、改变超级链接的样式
$("#mylinka").css('color','#111111');
//这里选择器‘$("#mylinka")'表示ID为'#mylink'的元素下的所有链接。
//.css(‘color','#111111');表示把颜色设为'#111111'
二、给指定的html元素指定一个已经定义好的CSS样式
1.你可以在外部css文件中建立一个css样式，比如
.mystyle{width:200px;height:100px;}
然后用jquery赋值
$("#result").css(mystyle);
2.可以定义一个css对象（也就是javascript对象），然后赋值
vardivcss={
background:'#EEE',
width:'478px',
margin:'10px00',
padding:'5px10px',
border:'1pxsolid#CCC'
};
$("#result").css(divcss);
这种方式类似于外部链接方式，个人推荐外部链接方式.
三、查看元素的CSS样式
varmycolor=$("#mylinka").css("color");
if($('#mydiv').css('display')=="none"){...}
//和第一个例子相似，但是这里我们只传递一个参数(样式属性)
四、隐藏于显示div或其他元素
1.直接修改CSS方式
$('#mydiv').attr('style','display:none;');//隐藏
$('#mydiv').attr('style','display:block;');//显示
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。