有如下一段HTML代码： <script src="jquery.js" type="text/javascript"></script> <style type="text/css" 30
<ul><li>jquery学习1</li><li>jquery学习2</li><li>jquery学习3</li><li>jquery学习4</li><li>jquer...
<ul>
<li>jquery 学习1</li>
<li>jquery 学习2</li>
<li>jquery 学习3</li>
<li>jquery 学习4</li>
<li>jquery 学习5</li>
<li>jquery 学习6</li>
</ul>
请使用jquery实现页面的li元素基于奇数偶数的颜色换行 。（5分）
<script language="javascript">
</script> 展开
<li>jquery 学习1</li>
<li>jquery 学习2</li>
<li>jquery 学习3</li>
<li>jquery 学习4</li>
<li>jquery 学习5</li>
<li>jquery 学习6</li>
</ul>
请使用jquery实现页面的li元素基于奇数偶数的颜色换行 。（5分）
<script language="javascript">
</script> 展开
5个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script language="javascript" src="jquery-1.4.2.min.js"> </script>
<style type="text/css">
.even{background-color:red;}
.odd{background-color:yellow;}
</style>
</head>
<body>
<ul>
<li>jquery 学习1</li>
<li>jquery 学习2</li>
<li>jquery 学习3</li>
<li>jquery 学习4</li>
<li>jquery 学习5</li>
<li>jquery 学习6</li>
</ul>
请使用jquery实现页面的li元素基于奇数偶数的颜色换行 。（5分）
<script language="javascript">
$(function(){
$('ul>li:odd').addClass('odd');
$('ul>li:even').addClass('even');
});
</script>
</body>
</html>
<html>
<head>
<script language="javascript" src="jquery-1.4.2.min.js"> </script>
<style type="text/css">
.even{background-color:red;}
.odd{background-color:yellow;}
</style>
</head>
<body>
<ul>
<li>jquery 学习1</li>
<li>jquery 学习2</li>
<li>jquery 学习3</li>
<li>jquery 学习4</li>
<li>jquery 学习5</li>
<li>jquery 学习6</li>
</ul>
请使用jquery实现页面的li元素基于奇数偶数的颜色换行 。（5分）
<script language="javascript">
$(function(){
$('ul>li:odd').addClass('odd');
$('ul>li:even').addClass('even');
});
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$('#ul_list').find('li:odd').attr('style','color:red').end().find('li:even').attr('style','color:blue');
<ul id='ul_list'>
<li>jquery 学习1</li>
<li>jquery 学习2</li>
<li>jquery 学习3</li>
<li>jquery 学习4</li>
<li>jquery 学习5</li>
<li>jquery 学习6</li>
</ul>
<ul id='ul_list'>
<li>jquery 学习1</li>
<li>jquery 学习2</li>
<li>jquery 学习3</li>
<li>jquery 学习4</li>
<li>jquery 学习5</li>
<li>jquery 学习6</li>
</ul>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(function (){
$("li:even").css('color','red');
$("li:odd").css('color','yellow');
})
$("li:even").css('color','red');
$("li:odd").css('color','yellow');
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$('ul tr : even').addClass('even');
$('ul tr : odd').addClass('odd');
$('ul tr : odd').addClass('odd');
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(document).ready(function(){
var i=0;
$("li").each(function(){
if(i%2==0){
$("li").eq(i).css("color","red");
}else{
$("li").eq(i).css("color","blue");
}
i++;
});
});
var i=0;
$("li").each(function(){
if(i%2==0){
$("li").eq(i).css("color","red");
}else{
$("li").eq(i).css("color","blue");
}
i++;
});
});
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
