jquery设置css样式的多种方法(总结)
更新时间:2017年02月21日 09:24:07 投稿:jingxian
下面小编就为大家带来一篇jquery设置css样式的多种方法(总结)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
设置css样式的多种方法总结,jquery
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> </style> </head> <body> <ul> <li>兄弟多个1</li> <li>兄弟多个2</li> <li>兄弟多个3</li> <li>兄弟多个4</li> <li>兄弟多个5</li> <li>兄弟多个6</li> <li>兄弟多个7</li> <li>兄弟多个8</li> <li>兄弟多个9</li> </ul> <ul id="ul"> <li>兄弟多个1</li> <li>兄弟多个2</li> <li>兄弟多个3</li> <li>兄弟多个4</li> <li>兄弟多个5</li> <li>兄弟多个6</li> <li>兄弟多个7</li> <li>兄弟多个8</li> <li>兄弟多个9</li> </ul> <script type="text/javascript" src="jquery-1.11.1.js"></script> <script> //设置css属性 $("ul").css("backgroundColor","red"); //同时设置多值 $("ul").css({ backgroundColor: "yellow", fontSize: "16px" }); //间隔显示不一样的颜色 $("#ul li").css("color",function(index,value){ console.log(index); //当前元素的序号 console.log(value); //当前元素要设置的样式的值 if(index%2==0){ return "red"; }else{ return "blue"; } }); </script> </body> </html>
以上这篇jquery设置css样式的多种方法(总结)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- jQuery获取样式中的背景颜色属性值/颜色值
- 如何使用jquery修改css中带有!important的样式属性
- 从零开始学习jQuery (四) jQuery中操作元素的属性与样式
- jQuery修改class属性和CSS样式整理
- 基于jquery animate操作css样式属性小结
- jQuery 添加样式属性的优先级别方法(推荐)
- jQuery操作属性和样式详解
- jQuery使用CSS()方法给指定元素同时设置多个样式
- JQuery实现样式设置、追加、移除与切换的方法
- jQuery实现为LI列表前3行设置样式的方法【2种方法】
- jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
- JQuery样式与属性设置方法分析
相关文章
jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)实现代码,需要的朋友可以参考下。2010-04-04基于jQuery的Spin Button自定义文本框数值自增或自减
这个jquery 插件可以让你的文本框增加一个自增或自减的小按钮,方便输入数值的控制。2010-07-07jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
本文重点是来讲讲jQuery中调用ajax的4种方法:$.get、$.post、$getJSON、$ajax。如果读者没有javascript和jquery的知识,或者没有ajax的概念,那么请先去问问度娘,再来读本文。2014-11-11
最新评论