jQuery从入门到精通 (软件开发视频大讲堂)
上QQ阅读APP看书,第一时间看更新

5.5 对元素的CSS样式操作

在jQuery中,对元素的CSS样式操作可以通过修改CSS类或者CSS的属性来实现。下面进行详细介绍。

5.5.1 通过修改CSS类实现

在网页中,如果想改变一个元素的整体效果,例如,在实现网站换肤时,就可以通过修改该元素所使用的CSS类来实现。在jQuery中,提供了如表5.5所示的几种用于修改CSS类的方法。

表5.5 修改CSS类的方法

说明

使用addClass()方法添加CSS类时,并不会删除现有的CSS类。同时,在使用上表所列的方法时,其class参数都可以设置多个类名,类名与类名之间用空格分开。

5.5.2 通过修改CSS属性实现

如果需要获取或修改某个元素的具体样式(即修改元素的style属性), jQuery也提供了相应的方法,如表5.6所示。

表5.6 获取或修改CSS属性的方法

说明

使用css()方法设置属性时,既可以解释连字符形式的CSS表示法(如background-color),也可以解释大小写形式的DOM表示法(如backgroundColor)。