JQuery 基础教程-修改CSS样式

修改元素的样式, 我们可以修改元素CSS类或者直接修改元素的样式.

一个元素可以应用多个css类, 但是不幸的是在DOM属性中是用一个以空格分割的字符串存储的, 而不是数组. 所以如果在原始javascript时代我们想对元素添加或者删除多个属性时, 都要自己操作字符串.

1. 修改CSS类

使用上面的方法, 我们可以将元素的CSS类像集合一样修改, 再也不必手工解析字符串.注意addClass( class )和removeClass( [classes] )的参数可以一次传入多个css 类, 用空格分割,比如:

$(“#btnAdd”).bind(“click”,

Function(event){

$(“p”).addClass(“colorRed borderBlue”);

}

);

removeClass方法的参数可选, 如果不传入参数则移除全部CSS类:

$(“p”).removeClass();

2. 修改CSS样式

同样当我们想要修改元素的具体某一个CSS样式,即修改元素属性"style"时, jQuery也