jquery给未来元素添加style的属性

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:redwidth:100px')

使用jQuery css() 方行梁法

css() 方法设置闷带闹或返蚂罩回被选元素的一个或多个样式属性。

语法：

css("propertyname","value")

1.当value参数不存在时为获取该属性

2.当value参数存在时为设置该属性。

$("p").css("background-color")//获取p元素的背景颜色

$("p").css("background-color","yellow")//设置p元素的背景颜色为黄色

//首先获取你内联样式的元素，然后使用.style.属哪指性 的方法就可以获取到行内李旅配样式的的具体值了，参考demo如下

<span id="EvanLi" style="color: 镇此rgb(127, 190, 235) font-size: 37px">

<script>

    var span = $("#EvanLi")

    console.log(span.style.color)

</script>

---