DDR爱好者之家

jquery中用函数来设置css样式
站长资源 2024/11/29 佚名
55 1538
DDR爱好者之家 Design By 杰米

1.jquery语法

$(selector).css(name,function(index,value))

name：必需。规定 CSS 属性的名称

function(index,value) ：

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

  • index - 可选。接受选择器的index位置
  • value - 可选。接受CSS属性的当前值

2.function(index,value)的用途

相当于对通过选择符“selector”选择到的所有对象进行一次遍历，并设置相应的css属性值，其中index和value这两个参数可有可无。

如果直接引用已有的函数，如下：

//函数colorStr()为td标签的背景色提供一个随机的背景色
$("td").css("background-color",colorStr()); 
//上面的代码就相当于直接给所有td背景色赋同一个颜色值，就像下面的代码
$("td").css("background-color","green");

以上情况不会遍历td对象，而会将所有的td设置成一样的颜色，如下图,都变成了绿色

jquery中用函数来设置css样式

如果通过function遍历就会将每个td背景色设置成不一样的颜色，代码如下：

//通过function函数调用colorStr函数，从而遍历所有的td标签，使每个td的背景色都不一样
$("td").css("background-color",function(){return colorStr()});

效果图如下：

jquery中用函数来设置css样式

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米