jQuery选择器之基本筛选选择器

图片.png

注意事项：

1. :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引
   2.gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始

示例1

图片.png

示例2:even

图片.png

结果

图片.png

怎么是First和Three?因为元素从0开始索引，First的元素索引值为0;

想获得Two和Four怎么办呢，改为$(".div1 odd")即可

示例:

1. $("input:not(:checked) + p").css("background-color", "red");
   匹配input标签中没有被选中的选框下紧跟着的p标签中的内容,并将背景颜色改为红色

2.$(".mp:lt(2)").css("color", "red"); lt: less than
匹配class为mp的元素，并将元素小标小于2的颜色改为红色

3.2.$(".mp:gt(2)").css("color", "red"); gt:greater than

4.2.$(".mp:eq(2)").css("color", "red"); eq:equal
单一选中某一元素