jQuery的筛选选择器
<script> $(function(){ $("ul li:first").css("color","yellow"); $("ul li:last").css("color","pink"); $("ul li:odd").css("color","blue"); }) // :first 第一个 // :last 最后一个 // :eq(index) 第几个 // :odd 奇数 // :even 偶数 // jquery获取ul中的第一个li console.log($("ul li:first").css("color","blue")); $("ul li").eq(0); $("ul li").first(); $("ul li").slice(0,1);//slice第一个参数表示的选取开始的位置,第二个参数是结束的位置 //方案一 $(function(){ var list=$("ul"); for (var i = 0; i < list.length; i++) { $("ul:eq("+i+") li:first").css("background","red"); } }); // 方案二 $(function(){ $("ul").each(function(){ $(this).children().first().css("background","red"); }); }); //方案三 $(function(){ $("ul li:nth-child(1)").css("background","red"); }); //方案四 $(function(){ $("ul li:first-child").css("background","red"); }); </script>