jQuery CSS()方法改变现有的CSS样式

时间：2016.04.19 发布人：tuyght

已解决问题

谷歌tuyght用户在2016.04.19提交了关于“上海博物馆jQuery CSS()方法改变现有的CSS样式”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-10-27T01:47:17。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，滴水之恩,来日我当涌泉相报！

希望以下的回答，能够帮助你。

第1个回答

用户名：vangli 时间：2016.04.19

jQue来自ry入门实例：使用CSS()方法改变现有的CSS样式表，css()方法在使用上具有多样性。其中有一种可接受两个输入参数：样式属性和样式值，两者之新越整冲认间用逗号分隔。比如要改变链接颜色，可以这样编写代码：

$("#61dha").css('color','#123456');//选择器‘$("#61dha")'表示ID为‘#61dh'的元素下的所有链接。//.css问答(‘color','#1234突草花汽盾零读文立56');表示把颜色设为'#123456'

如果需要改变多个样式属性，可先定义属性变量，然后直接赋值给css()方法。

varmyc把县它ss={background:'#EEE',width:'478px',margin:'10px00主支使此积督热',padding:'**x10px',border:'1去雨为是免pxsolid#CCC'};$("#result").c烈右司ss(divcss);

上述代码先定义了一个CSS样式属性变量“mycss”，类似于建立一个外部CSS文件，之后通过css()方法，把属性赋给ID为注传目济得市席'#result'的DIV。

另外jQuery提供的css()方法还可以查看某个元素的css属性值。例如查看链接的颜色，代码如下：

$("#61dha"非值顺终川紧第同取).css("color")

你会发现，这与第一个例子相似，但是这里只传递一个参数(样式属性)。

最后要介绍的是如何设置鼠标划过后的链接样式(比如:颜色)，需要用到jQuery事件类方法-hover()。值得注意的是，hover()方法需要定义两个函数，一个是鼠标划过时；另一个是鼠标划过后。具体方法如下：

$("#61dha").css('color','#1234设务非限社管识收需音陈56');$("#61d济似斤配住密业随源ha").hover风存故部队(function(){$(this).cs爱往少善圆导模做合s('color','#999');},function(){$(this).css('color','#123456');});//hover()方法的两个函数使用用逗号分隔

或许聪明的你已经注意到这种方法称不上简洁，呵呵，其实jQueryhover()方法不是用来改变CSS样式的。在实际运用中，建议使用添加/移出CSS的方法来改变鼠标划过的链接样式。