jquery的css()和addClass()的注意点
2012-03-26 20:07
567 查看
css()是一个可以简单改变指定对象样式的方法,而addClass()则是
在所选对象中加入一个class。
为了实现一个表格相邻行显示不同的颜色,一般使用:
$('#loglist').find('div:odd').css("background","green");
$('#loglist').find('div:even').css("background","green");
同时还需要再鼠标悬停的对应的div上时改变相应的背景颜色,所以要在css文件中加入
#loglist div:hover{background:red}; 结果:hover时不起作用
原因:在设置css属性时,ids>classes>tags, 那么css()就是id级别的设置了,所有class级别
和tags界别的将被覆盖掉。
还有就是:jquery中涉及id级别的css设置少之又少,意味着如果被修改id级别的 将比较麻烦,
以后要经常改变css样式的部分,最好用class来处理,而比较稳定部分可以用id的加效果。
在所选对象中加入一个class。
为了实现一个表格相邻行显示不同的颜色,一般使用:
$('#loglist').find('div:odd').css("background","green");
$('#loglist').find('div:even').css("background","green");
同时还需要再鼠标悬停的对应的div上时改变相应的背景颜色,所以要在css文件中加入
#loglist div:hover{background:red}; 结果:hover时不起作用
原因:在设置css属性时,ids>classes>tags, 那么css()就是id级别的设置了,所有class级别
和tags界别的将被覆盖掉。
还有就是:jquery中涉及id级别的css设置少之又少,意味着如果被修改id级别的 将比较麻烦,
以后要经常改变css样式的部分,最好用class来处理,而比较稳定部分可以用id的加效果。
相关文章推荐
- jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- 【JQuery】addClass()和css()
- JQuery中addClass()方法:注意
- 知识点四:JQuery--操作class ==addClass(),removeClass(), toggleClass(),css()
- Jquery选择器和.css,.addClass,.toggleClass
- jquery中addClass()、removeClass()、Css()
- jquery基础教程三(css的操作之addClass和removeClass)
- 【jQuery】addClass()和css()
- (转)jquery基础教程三(css的操作之addClass和removeClass)
- jquery的样式操作Css Class(addClass,removeClass,toggleClass)
- [原创] jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- Jquery的attr()和css()和addclass()的区别
- jQuery addClass(), removeClass(),toggleClass(),css()方法使用详解
- jQuery学习入门总结之css()和addClass()的不同
- [jQuery教程]jquery基础教程三(css的操作之addClass和removeClass)
- jQuery的属性与样式之.css()与.addClass()设置样式的区别
- Jquery中.css()与.addClass()两种方法设置样式的区别
- jQuery的属性与样式之.css()与.addClass()设置样式的区别
- JQuery中.css()与.addClass()设置样式的区别