jQuery中first-child与first选择器区别

DOCTYPE html>
html lang="zh">

    head>
        meta charset="UTF-8" />
        title>jQuery中first-child与first选择器区别title>
    head>

    body>
        ul>
            li>Johnli>
            li>Karlli>
            li>Brandonli>
        ul>
        ul>
            li>Glenli>
            li>Taneli>
            li>Ralphli>
        ul>
        script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js">script>
        script type="text/javascript">
            //选择了2个元素：
            //分别是：
John
 和 
Glen
            //first-child为每个父级元素匹配第一个子元素，可以匹配出多个元素
            $("li:first-child").css(‘color‘, ‘red‘);
        script>
    body>

html>

DOCTYPE html>
html lang="zh">

    head>
        meta charset="UTF-8" />
        title>jQuery中first-child与first选择器区别title>
    head>

    body>
        ul>
            li>Johnli>
            li>Karlli>
            li>Brandonli>
        ul>
        ul>
            li>Glenli>
            li>Taneli>
            li>Ralphli>
        ul>
        script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js">script>
        script type="text/javascript">
            //选择了1个元素：
            //是：
John
            //first-child为获取匹配的第一个元素，只能匹配一个元素
            $("li:first").css(‘color‘, ‘red‘);
        script>
    body>

html>