源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery中用函数来设置css样式

  • 时间:2022-05-22 02:52 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery中用函数来设置css样式
[b]1.jquery语法[/b] [code]$(selector).css(name,function(index,value))[/code] [b]name[/b]:必需。规定 CSS 属性的名称 [b]function(index,value) [/b] 规定返回CSS属性新值的函数。 [list] [*]index - 可选。接受选择器的index位置[/*] [*]value - 可选。接受CSS属性的当前值[/*] [/list] [b]2.function(index,value)的用途[/b] 相当于对通过选择符“selector”选择到的所有对象进行一次遍历,并设置相应的css属性值,其中index和value这两个参数可有可无。 [b]如果直接引用已有的函数,如下:[/b]
//函数colorStr()为td标签的背景色提供一个随机的背景色
$("td").css("background-color",colorStr()); 
//上面的代码就相当于直接给所有td背景色赋同一个颜色值,就像下面的代码
$("td").css("background-color","green");
以上情况不会遍历td对象,而会将所有的td设置成一样的颜色,如下图,都变成了绿色 [img]http://files.jb51.net/file_images/article/201612/201612221102104.jpg[/img] [b]如果通过function遍历就会将每个td背景色设置成不一样的颜色,代码如下:[/b]
//通过function函数调用colorStr函数,从而遍历所有的td标签,使每个td的背景色都不一样
$("td").css("background-color",function(){return colorStr()});
效果图如下: [img]http://files.jb51.net/file_images/article/201612/201612221102105.jpg[/img] 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程素材网!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部