js 过滤器

参考文档    https://www.w3cplus.com/css3/pseudo-class-selector

过滤器一般依附在选择器上 , 和选择器之间使用 ':' 分割，不加空格

:fist-child  第一个子元素

:last-child  最后一个子元素

:nth-child(index) 第index个元素

:checked  选择选中的checkbox  radio

:selected 选择选中的select 

:enabled   可以输入的

: disabled  不可以输入的

: focus  焦点

:hover   

<div>
    <ul class="test">
        <li class="test-javascript">js</li>
        <li class="test-python">python</li>
        <li class="test-lua">java</li>
    </ul>
</div>

$(function() {
    var li_list = $("ul.test li"); // 获取所有的子元素
    var child_first = $("ul.test li:first-child"); // 首个子元素
    var python = $("ul.test li:nth-child(2)"); // 第二个子元素
    var child_last = $("ul.test li:last-child");  // 最后一个子元素
    var even_list = $("ul.test li:nth-child(even)"); // 偶数
    var odd_list = $("ul.test li:nth-child(odd)"); // 奇数
})