博客列表 >常用的过滤器函数

常用的过滤器函数

彪小A的博客
彪小A的博客原创
2018年04月08日 14:31:38647浏览
<!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>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议