![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：Uncorrected
Teacher's comments：
Collection
Collection
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<meta charset="UTF-8">
<title>常用的函数</title>
</head>
<body>
<ul>
<li>1最新电影<a href="">立即播放</a></li>
<li>20最新电影<a href="">立即播放</a></li>
<li>3最新电影<a href="">立即播放</a></li>
<li>4最新电影<a href="">立即播放</a></li>
<li>5最新电影<a href="">立即播放</a></li>
<li>6最新电影<a href="">立即播放</a></li>
<li>7最新电影<a href="">立即播放</a></li>
<li>8最新电影<a href="">立即播放</a></li>
<li>9最新电影<a href="">立即播放</a></li>
<p>我是另类啊！</p>
<li>10最新电影<a href="">立即播放</a></li>
</ul>
</body>
<script type="text/javascript">
// get
//$('li').get(1).style.color = 'red';
//eq 选取指定位置的元素
// $('li').eq(3).css('color','red');
// 指定位置的后一个 next
// $('li').eq(3).next().css('color','red');
// 指定位置的后面全部元素
// $('li').eq(3).nextAll().css('color','red');
// 指定位置的前面元素
// $('li').eq(3).prev().css('color','red');
// 指定位置的前面全部元素
// $('li').eq(3).prevAll().css('color','red');
//去除指定位置的元素不改变，其他位置都改变
// $('li').eq(3).siblings().css('color','green');
//获取指定范围的元素slice 不会取到结束位置的元素
$('li').slice(2,5).css('color','green');
// 遍历元素
$('li').each(function () {
$(this).css('background-color','skyblue');
})
</script>
</html>