![jQuery从入门到精通 (软件开发视频大讲堂)](https://wfqqreader-1252317822.image.myqcloud.com/cover/18/26944018/b_26944018.jpg)
上QQ阅读APP看书,第一时间看更新
5.5 对元素的CSS样式操作
在jQuery中,对元素的CSS样式操作可以通过修改CSS类或者CSS的属性来实现。下面进行详细介绍。
5.5.1 通过修改CSS类实现
在网页中,如果想改变一个元素的整体效果,例如,在实现网站换肤时,就可以通过修改该元素所使用的CSS类来实现。在jQuery中,提供了如表5.5所示的几种用于修改CSS类的方法。
表5.5 修改CSS类的方法
![](https://epubservercos.yuewen.com/45F217/15367253805345106/epubprivate/OEBPS/Images/figure_0139_0002.jpg?sign=1739266611-mWssfHmyTZZ9OOhnzYQrK6GpguA3tDP2-0-6f286029fed75e4abd7b0061bbe6eaae)
说明
使用addClass()方法添加CSS类时,并不会删除现有的CSS类。同时,在使用上表所列的方法时,其class参数都可以设置多个类名,类名与类名之间用空格分开。
5.5.2 通过修改CSS属性实现
如果需要获取或修改某个元素的具体样式(即修改元素的style属性), jQuery也提供了相应的方法,如表5.6所示。
表5.6 获取或修改CSS属性的方法
![](https://epubservercos.yuewen.com/45F217/15367253805345106/epubprivate/OEBPS/Images/figure_0140_0001.jpg?sign=1739266611-EsMeDasXCgxeTRsiBL2X64esfiG1FVjj-0-a3af4cb886a4e30916d56a9f2c4676a9)
说明
使用css()方法设置属性时,既可以解释连字符形式的CSS表示法(如background-color),也可以解释大小写形式的DOM表示法(如backgroundColor)。