jQuery改变标签的样式一般有3种
-
预置好class,然后通过jQuery改变元素的class名,使用的是addClass、removeClass
-
直接改变元素的css属性值,这种是通过添加style实现的,使用的是css方法
-
修改style属性值,通过attr方法
示例(假设以下标签的id都是test):
1.假设有一class名为class1,已经在css中写好样式
$(\'#test\').addClass(\'class1\');
2.让元素文字变为红色(css设置一个值)
$(\'#test\').css(\'color\',\'red\');
3.让元素文字变为红色,同时宽度为100px(css设置多个值)
$(\'#test\').css({color:\'red\',width:\'100px\'});
4.直接修改style属性(不常用)
$(\'#test\').attr(\'style\',\'color:red;width:100px\');