用jQuery实现的隔行变色效果
2013-11-28 13:45
357 查看
<!doctype html>
<html>
<title>用jQuery实现的隔行变色的效果</title>
<body>
<ul>
<li>我是今天</li>
<li>我是今天</li>
<li>我是今天</li>
<li>我是今天</li>
</ul>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
debugger;
$("ul li").css("background","blue");
$("ul li:even").css("background","red");
</script>
</body>
</html>
<html>
<title>用jQuery实现的隔行变色的效果</title>
<body>
<ul>
<li>我是今天</li>
<li>我是今天</li>
<li>我是今天</li>
<li>我是今天</li>
</ul>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
debugger;
$("ul li").css("background","blue");
$("ul li:even").css("background","red");
</script>
</body>
</html>
相关文章推荐
- jQuery源码基本框架
- gridview结合jqueryui实现tr拖放排序,并保存到服务端
- 巧妙利用jQuery和PHP打造类似360安全卫士防火墙功能开关(类似iphone界面)效果
- 用jquery获取当前页面连接加css
- 关于Jquery_UI datepicker控件中按钮图标与输入框无法对齐的解决办法
- jQuery EasyUI 为Combo,Combobox添加清除值功能
- JQuery Kendo UI运用技巧总结
- jQuery测试密码强度
- jquery中ajax事件详解 (附演示代码) 推荐
- juqery--siblings
- jQuery&HTML5 UI框架Ignite UI 13.2新功能大揭秘(四)
- jQuery&HTML5 UI框架Ignite UI 13.2新功能大揭秘(四)
- jQuery 获取元素大小
- JQuery总结
- jquery选择器的实现流程简析及提高性能建议!
- jQuery 表格插件
- 10个用来创建动态布局的最好jQuery插件
- Nov 01 jQuery实现拖动布局并将排序结果保存到数据库
- Jquery拖拽并简单保存的实现代码
- JQuery UI的拖拽功能