jquery中用函数来设置css样式
更新时间：2016年12月22日 10:58:32 作者：问道情
本文主要对jquery中用函数来设置css样式的方法进行详细介绍，具有很好的参考价值，下面就跟小编一起来看下吧
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设置成一样的颜色，如下图,都变成了绿色
如果通过function遍历就会将每个td背景色设置成不一样的颜色，代码如下：
//通过function函数调用colorStr函数，从而遍历所有的td标签，使每个td的背景色都不一样
$("td").css("background-color",function(){return colorStr()});
效果图如下：
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
当光标移动到某些元素上时，会弹出像tips的提示框，这种效果想必大家都有见到过吧，下面有个不错的示例，大家可以感受下2013-10-10
这篇文章主要为大家详细介绍了jquery插件uploadify多图上传功能实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
checkbox想必大家对这个控件并不陌生吧，毕竟在网页制作过程中经常会使用到，下面与大家分享个示例主要介绍checkbox的使用，感兴趣的朋友可以参考下2013-08-08
这篇文章主要给大家介绍了关于如何选择jQuery版本，是1.x? 2.x?还是3.x? 在选择使用jquery之前我们常常会考虑jQuery应该选择什么版本?现在jquery一般用什么版本以及jquery ie8的兼容版本和jquery什么版本稳定等问题，下面通过这篇文章来看看详细的介绍吧。2017-04-04
下面小编就为大家带来一篇Query常用DIV操作获取和设置长度宽度的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
Jquery截取中文字符串的实现代码，需要的朋友可以参考下。2010-12-12
本文给大家分享的是使用原生JS和JQ两种方法分别实现相同的图片轮播特效，十分的实用，也非常方便大家对比学习原生js和jQuery，有需要的小伙伴可以参考下。2015-04-04
这篇文章主要介绍了一个实用的图片切换支持点击切换和自动轮播，经测试效果相当不错，需要的朋友可以参考下2014-09-09
这篇文章主要介绍了jQuery对html元素的取值与赋值,较为详细的分析了jQuery针对常见html元素的获取与赋值技巧,非常简单实用,需要的朋友可以参考下2015-12-12
本文给大家分享的是作者在自己的博客上使用jQuery+ajax实现实用的点赞插件代码，这里推荐给大家，希望对大家能够有所帮助。2016-07-07
最新评论