宝哥软件园

在jquery中使用函数设置css样式

编辑:宝哥软件园 来源:互联网 时间:2021-09-06

1.jquery语法

$(选择器)。css(名称、函数(索引、值))

名称:必填。指定CSS属性的名称

函数(索引、值) :

指定返回CSS属性新值的函数。

索引-可选。接受选择器值的索引位置-可选。接受使用CSS属性2 .函数的当前值(索引,值)

这相当于遍历选择器选择的所有对象,并设置相应的css属性值,其中索引和值是可选的。

如果直接引用现有函数,如下所示:

colorStr()函数提供了一个随机的背景颜色$ ('td ')。TD标签的背景色CSS('背景色',colorstr());//上面的代码相当于直接给所有td背景色赋值相同的颜色值,就像下面的代码$ ('TD ')一样。CSS('背景色','绿色');上述情况不会遍历td对象,但会将所有td设置为相同的颜色,如下图所示,所有TD都将变成绿色

如果你遍历这个函数,你将设置每个td的背景颜色为不同的颜色。代码如下:

//通过函数函数调用colorStr函数,从而遍历所有td标签,使每个td的背景颜色不同$ ('TD ')。CSS ('background-color ',function(){ return color str()});效果图如下:

以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一些帮助,也希望多多支持我们!

更多资讯
游戏推荐
更多+