jquery 改变标签样式

jQuery改变标签的样式一般有3种

  1. 预置好class,然后通过jQuery改变元素的class名,使用的是addClass、removeClass

  2. 直接改变元素的css属性值,这种是通过添加style实现的,使用的是css方法

  3. 修改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');

posted on 2016-09-01 15:46  何甘霖  阅读(6154)  评论(0编辑  收藏  举报