<!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>