jQuery CSS()方法改变现有的CSS样式表
更新时间：2014年09月09日 16:52:49 投稿：whsnow
使用CSS()方法改变现有的CSS样式表，css()方法在使用上具有多样性，比如要改变链接颜色，如果需要改变多个样式属性，可先定义属性变量，然后直接赋值给css()方法
使用CSS()方法改变现有的CSS样式表，css()方法在使用上具有多样性。其中有一种可接受两个输入参数：样式属性和样式值，两者之间用逗号分隔。比如要改变链接颜色，可以这样编写代码：
$("#61dh a").css('color','#123456');
//选择器‘$("#61dh a")'表示ID为‘#61dh'的元素下的所有链接。
//.css(‘color','#123456');表示把颜色设为'#123456'
如果需要改变多个样式属性，可先定义属性变量，然后直接赋值给css()方法。
var mycss = {
background: '#EEE',
width: '478px',
margin: '10px 0 0',
padding: '5px 10px',
border: '1px solid #CCC'
};
$("#result").css(divcss);
上述代码先定义了一个CSS样式属性变量“mycss”，类似于建立一个外部CSS文件，之后通过css()方法，把属性赋给ID为'#result'的DIV。
另外jQuery提供的css()方法还可以查看某个元素的css属性值。（www.jb51.net 脚本学堂）
例如查看链接的颜色，代码如下：
$("#61dh a").css("color")
你会发现，这与第一个例子相似，但是这里只传递一个参数(样式属性)。
最后要介绍的是如何设置鼠标划过后的链接样式(比如: 颜色)，需要用到jQuery事件类方法 - hover()。值得注意的是，hover()方法需要定义两个函数，一个是鼠标划过时；另一个是鼠标划过后。具体方法如下：
$("#61dh a").css('color','#123456');
$("#61dh a").hover(function(){
$(this).css('color','#999');
},
function(){
$(this).css('color','#123456');
});
//hover()方法的两个函数使用用逗号分隔
或许聪明的你已经注意到这种方法称不上简洁，呵呵，其实jQuery hover()方法不是用来改变CSS样式的。在实际运用中，建议使用添加/移出CSS的方法来改变鼠标划过的链接样式。
相关文章
只需将js引用并设置下变量就行了，但一直没搞明白原理，这次弄清了如何传递、设置多个（很多个）参数，如果你也不明白可以看看2014-10-10
这篇文章主要介绍了jQuery实现伪分页的方法,结合实例形式分析了jQuery实现伪分页的具体步骤与相关实现代码,需要的朋友可以参考下2016-02-02
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
这篇文章主要介绍了详解Jquery 遍历数组之$().each方法与$.each()方法介绍 ,具有一定的参考价值，有兴趣的可以了解一下。2017-01-01
在网上经常会看到一些很长的网页会延迟加载其中的图片，我认为这是一种按需分配的做法，网页只为那些想继续浏览网页的人加载后面的图片，在不影响用户体验的前提下，最大程度地减少服务器负担和流量2012-06-06
每天都在与DOM打交道而且晕头转向，不过，自打咱认识了jQuery： 是操作属性也不烦了，插入新元素也不晕了，连移动元素及包装元素咱也不抽筋了。。2010-01-01
这篇文章主要介绍了基于jQuery和CSS3实现APPLE TV海报视差效果,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了jQuery中prependTo()方法用法,实例分析了prependTo()方法的功能、定义及匹配的元素插入指定元素之前的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要是对使用jquery操作iframe的几种方法进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
本文主要分享了利用一句jQuery代码实现返回顶部效果的实例。代码简单，保存到HTML文件就可以体验效果。下面跟着小编一起来看下吧2016-12-12
下面小编就为大家带来一篇jQuery基础_入门必看知识点。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
最新评论