测试成功
成都创新互联-专业网站定制、快速模板网站建设、高性价比富锦网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式富锦网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖富锦地区。费用合理售后完善,十载实体公司更值得信赖。
代码如下 你本地测试jquery文件路径需要改下
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function(){
$("li:even").css('background-color','red');
$("li:even").hover(function(){$(this).css('background-color','blue');},
function(){$(this).css('background-color','red');});
});
/script
/head
body
ul
liCoffee/li
liMilk/li
liSoda/li
liCoffee/li
liMilk/li
liSoda/li
/ul
/body
/html
你好,根据描述,如下供你参考:
jq隔行变色的效果关键是如果选择节点
$("tr:odd")
选择偶数tr标签,tr是表格table的行
$("tr:even")
选择奇数tr标签,tr是表格table的行
jquery改变样式,如下操作
$("tr:even").css('color','red');
$("tr:odd").css('color','pink');
如果满意,望采纳,谢谢!
jquery中odd和even选择器的用法说明
:odd
选择器选取每个带有奇数
index
值的元素(比如
1、3、5)。
index
值从
开始,所有第一个元素是偶数
(0)。
最常见的用法:与其他元素/选择器一起使用,来选择指定的组中奇数序号的元素(如上面的例子)。
语法
$(":odd")
比如:$("tr:odd")表示获取奇数行
类似地有
$("tr:even")表示获取偶数行。
售后响应及时
7×24小时客服热线数据备份
更安全、更高效、更稳定价格公道精准
项目经理精准报价不弄虚作假合作无风险
重合同讲信誉,无效全额退款