jQuery选择器全面总结

3、基本过滤选择器

◦:first                       找到第一元素
◦:last                       找到最后一个元素
◦:not(selector)      去除与给定选择器匹配的元素
◦:even                     匹配索引值为偶数的元素 从0开始计数
◦:odd                       匹配索引值为奇数的元素 从0开始计数
◦:eq(index)             匹配一个给定索引值元素 从0开始
◦:gt(index)              匹配大于给定索引值元素
◦:lt(index)               匹配小于给定索引值元素
◦:header                 选择h1,h2,h3一类的标签 (目前没用过)
◦:animated             匹配正执行动画效果的元素 (目前没用过)

举例：

<div id=”divTest”>
    <ul>
        <li>投资</li>
        <li>理财</li>
        <li>成熟</li>
        <li>担当</li>
        <input type=”radio” value=”学习” checked=”checked” />
        <input type=”radio” value=”不学习” />
    </ul>
</div>

//第一个li内容 结果为投资
jQuery(“li:first”).text();
//最后一个li内容 结果为担当
jQuery(“li:last”).text();
//input未被选中的值 结果为不学习
jQuery(“li input:not(:checked)”).val();
//索引为偶数的li 结果为投资 成熟
jQuery(“li:even”).text();
//索引为奇数的li 结果为理财 担当
jQuery(“li:odd”).text();
//索引大于2的li的内容 结果为担当
jQuery(“li:gt(2)”).text();
//索引小于1的li的内容 结果为投资
jQuery(“li:lt(1)”).text();