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')

//dropCoin 是动画名称。

var dropX = xxx //自定义的值

var dropY = yyy //自定义的值

var style = document.styleSheets[0]

var amt = [

"@keyframes dropCoin {

0% { -webkit-transform: translateY(0px)transform: translateY(0px)}

100% { -webkit-transform: translateY("+dropY+"px)transform: translateY("+dropY+"px)}

}",

]

for(var i = 0i<amt.lengthi++){

style.insertRule(amt[i],i+200) //注意修改200这个值

}

---