jquery知识整理(二)----位置选择器

  <ul>
        <li>肇庆</li>
        <li>佛山</li>
        <li>珠海</li>
        <li>惠州</li>
        <li>茂名</li>
        <li>湛江</li>
    </ul>
    <button onclick="jquerySelect()">位置选择器</button>

1.拿到第一个

方法一:函数的方式拿到

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

方法二:属性的方式获取:ul li:first 属性的方式获取

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

2.拿到最后一个

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

3.拿到第奇数个

odd,匹配所有索引值为奇数的元素,记住索引是从0开始的

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

4.拿到第偶数个

even 匹配所有索引值为偶数的元素，从 0 开始计数

$("ul li:even").css("background-color","yellow");

5.范围

eq =
lt < 小于
gt > 大于

$("ul li:eq(2)").css("background-color","red");
            // $("ul li:lt(2)").css("background-color","blue");
            // $("ul li:gt(2)").css("background-color","green");