jQuery之end()的使用方法

996 阅读1分钟
<body>
    <ul>
        <li>乘客1号</li>
        <li>乘客2号</li>
        <li>乘客3号</li>
        <li>乘客4号</li>
        <li>乘客5号</li>
    </ul>
    
    
</body>

<script src="./jquery-1.12.4.js"></script>
<script>
    /* end( ):结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态 */
    /* 使用一条语句给第一个li添加黑色背景,第二个li添加红色背景 */
    $('ul li').first().css('background','black'); //只能给第一个li添加黑色背景
    $('ul li').last().css('background','red'); //只能给第二个li添加红色背景
    $('ul li').first().css('background','black').end().last().css('background','red');
</script>