jquery知识整理(三)---子选择器

  <ul>
        <li>乌鲁木齐</li>
        <li>银川</li>
        <li>西宁</li>
        <li>兰州</li>
    </ul>

    <ul>
        <li>甘肃</li>
        <!-- <li>宁夏</li> -->
    </ul>

拿到父元素的第几个孩子 或者奇偶数的孩子

注意:孩子的位置 从1 开始
(1)拿到第n 个孩子

$("ul li:nth-child(1)").css("background-color","red");

(2)拿到第奇数个孩子

 $("ul li:nth-child(odd)").css("background-color","red")

(3) 第一个孩子

$("ul li:first-child").css("background-color","red")

(4)最后一个孩子

/$("ul li:last-child").css("background-color","blue");

(5)只能有唯一的孩子 only-child

 $("ul li:only-child").css("background-color","blue");