改变多个ul下第一个li的样式

body内的代码如下

<ul><li>华仔</li><li>华仔</li><li>华仔</li></ul><ul><li>磊磊</li><li>磊磊</li><li>磊磊</li></ul>

<script type="text/javascript"></script>

$(function(){//方式一var lis=$("ul");for(var i=0;i<lis.length;i++){$("ul:eq("+i+") li:first").css("background","red");}//方式二$("ul").each(function(){$(this).children().first().css("background","red");})//方式三 nth-child(n) 匹配父元素下第n个子元素 $("ul li:nth-child(1)").css("background","red");//方式四$("ul li:first-child").css("background","red");});